Take the height: off of your footer. No reason for it to be a fixed height. Also not sure why you are using border-collapse:collapse; in there, you have no tables. You could lighten your
css up a bit too, and your
HTML could use some cleaning. Try starting it fresh.
- Code: Select all
<div id="container" align="center">
should be
- Code: Select all
<div id="container">
If you want to center your layout do the following.
in body{} put text-align:center; in the #container {} put margin:0 auto; text-align:left;
- Code: Select all
body{
background-color:#3B3B3B;
font-family:Arial, Sans-Serif;
font-size:0.85em;
text-align:center; /* centers #container for IE 5.x */
}
- Code: Select all
#container {
padding:20px 0 0 0;
margin:0 auto;
border:solid #FFF 1px;
}
Your footer doesn't need a width since it is in #container:
- Code: Select all
#footer{
padding:4px;
border:solid #FFF;
border-width:1px 0 0 0;
text-align:center;
}
- Code: Select all
a:link, a:visited, a:active {
color: #FFF;
text-decoration: none;
background:url(Images/s_arrow.png) right center no-repeat;
padding:0 13px 0 0;
}