Problem with float clearing in IE 5.01

**JohnSaunders** · Sep 20, 2007, 09:06

I am using overflow:hidden to clear two floats in a div and am using height: 1% to clear them in IE 6+. For some reason neither one of the floats appear in IE 5.01 and I was wondering if anyone knows of a hack that is specific to this browser to resolve the problem.

**all4nerds** · Sep 20, 2007, 09:18

Hello

As far as I know the haslayout height 1% is working in IE 5 on Windows ? maybe show your code or even better a link to your problem page , Please

**JohnSaunders** · Sep 20, 2007, 09:22

I don't have it online yet, but here's the bits of code I'm using:

Code:

  <div id="main">
    <div id="sidebar">
<p>blah</p>
    </div>

    <div id="content">
<p>blah</p>
    </div>
  </div>

Code:

#main {
  overflow: hidden;
}

#sidebar {
  float: left;
  width: 200px;
}

#content {
  float: left;
  margin-left: 20px;
  width: 500px;
}

Code:

/* stylesheet loaded using conditional comments for ie7 and below */
#main {
  height: 1&#37;;
}

**all4nerds** · Sep 20, 2007, 09:47

Hello

This seems to work ? conditional comments on a PC don't always work ? and IE 5 don't likes the overflow hidden on the wrapper

use
head+body #main{overflow:hidden;}