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: 155

Filed under:
|
|
|
|

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

Related posts about css

Related posts about float