Issue with css float -- Hindering IE6 from putting div in next line
- by Bernhard V
Hi,
I've got an issue with floating divs in IE6.
There's one navigation div on the left and one content div for the rest of the page. They've got the following css values:
#navigation {
float: left;
width: 185px;
padding-left: 5px;
overflow: auto;
height: 100%;
}
#content {
overflow: auto;
height: 100%;
}
In Firefox, IE8, Chrome and Opera, I get scrollbars for the content div when I resize the page to a size where both divs can't fit in as a whole. The navigation div stays in its place. And that is the desired behaviour.
But in IE6, there are no scrollbars for the content div. Instead, when the page is getting too small, IE6 simply puts the content div under the navigation div.
Do you know any way to hinder IE6 from this behaviour?
