
December 16th, 2002, 03:40 PM
|
|
Junior Member
|
|
Join Date: Dec 2002
Posts: 6
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
|
css layout problem
Code:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
color: #FFFFFF;
background-color: #660000;
text-align: center;
}
#nav {
padding: 2px;
margin-top: 0px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
background: #660000;
border: 5px solid #FFFFFF;
width: 500px;
voice-family: "\"}\"";
voice-family:inherit;
width: 470px;
}
html>body #nav {
width: 470px; }
#banner {
padding: 2px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
background: #660000;
border: 5px solid #FFFFFF;
text-align:left;
width: 500px;
voice-family: "\"}\"";
voice-family:inherit;
width: 470px;
}
html>body #banner{
width: 470px;
}
#content {
padding: 2px;
margin-top: 0px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
background: #660000;
border: 5px solid #FFFFFF;
text-align:left;
width: 500px;
voice-family: "\"}\"";
voice-family:inherit;
width: 470px;
}
html>body #content {
width: 470px; }
the code above is my css for a page i'm creating
the html is very simple
and is one div after another (3 in total)
it places them one after the other but with a gap of approx 30px between them
i want the to rest on top of each other... any suggestions of how to sort this?
|