The problem: I want to make a side navigation bar on the left, but the content isn't centering the right way. The main content should be centered and 800px wide. I want the sidebar to take up the whole left margin, but it isn't working like that. Thanks in advance.
Here is the website: www.notanotherfreesite.com/zbt
header.php - just a portion. All open divs are closed in footer.
CODE
<center>
<div id="container">
<div id="header">
<?php include('topmarquee.php');?>
<div id="toppic">
<img src="images/top_banner_1.png" />
</div>
<div id="left">
<?php include('menu.php');?>
</div>
</div>
<div id="right">
<div id="main">
main.css
CODE
#container {
padding:0;
width:1022px;
margin:0;
}
body {
background-color:#d5daff;
margin:0;
}
marquee {
padding-top:6px;
background-color:#FFFFFF;
}
#header {
background-image:url(images/top_bg_2.png);
background-repeat:repeat-x;
width:802px;
height:223px;
}
#navbar {
background-color:#999999;
height:auto;
margin:0;
width:220px;
text-align:center;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}
#navbar a {
padding-left:7px;
padding-right:7px;
}
#navbar a:link, a:visited {
color:#000000;
text-decoration:none;
}
#navbar a:hover {
color:#FFCC00;
text-decoration:none;
}
#main {
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
width:760px;
padding:20px 20px 20px 20px;
background-color:#FFFFFF;
border-width:1px;
border-color:#000000;
border-style:solid;
border-bottom:none;
}
#toppic {
padding-top:9px;
}
#footer {
background-image:url(images/foot_bg.png);
background-repeat:repeat-x;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border-top-width:2px;
border-top-color:#000000;
border-top-style:solid;
background-color:#666666;
width:802px;
height:30px;
}
#left {
float:left;
width:220px;
}
#right {
float:right;
width:802px;
}
This post has been edited by UmmmmIdk: 9 Oct, 2008 - 10:14 PM
9 Oct, 2008 - 10:05 PM
| 