View Full Version : Footer won't clear in IE6

10-31-2006, 12:19 PM
I am using a 2 col layout with a footer thats set to clear both.
Problem is it completely ignores my sidebar in IE6, Mozilla is fine.
The problem arises when the #sidebar is longer than the #content the footer comes up and into the #sidebar in IE6.

Any help would be fantastic as I just can't seem to sort it out.

* {
margin: 0px;
padding: 0px;

body {
font-family: "Trebuchet MS";
font-size: 10px;

#header {
background-color: #FFFFCC;
height: 5em;
margin-bottom: 5px;

#content {
float: right;
font-size: 1.2em;
margin-bottom: 0.5em;
background-color: #FFCC99;
margin-left: 0px;
margin-right: 0px;
text-align: left;
padding-top: 0em;
padding-right: 3em;
padding-left: 16em;

#sidebar {
float: left;
width: 15.5em;
font-size: 1.2em;
margin-bottom: .5em;
margin-right: -16em;
background-color: #CCCCCC;
margin-left: 0px;

#footer {
background-color: #003399;
clear: both;
margin-top: 1em;

Much appreciated,

10-31-2006, 05:24 PM
Post your html as well please.