Issue with css float -- Hindering IE6 from putting div in next line
Posted
by Bernhard V
on Stack Overflow
See other posts from Stack Overflow
or by Bernhard V
Published on 2010-05-12T07:45:24Z
Indexed on
2010/05/12
7:54 UTC
Read the original article
Hit count: 188
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?
© Stack Overflow or respective owner