CSS Problem in IE6

richkoi · #1 (**permalink**) 05-07-2007, 10:34 AM

We have had some problems getting the CSS to work across browsers, especially IE6 (big surprise...) We are stumped on why IE6 is having strange behavior. This page is the best example. As soon as you scroll, text disappears: http://www.bambooheadquarters.com/store/clumping.php

Any idea on why this happens?

speed · #2 (**permalink**) 05-07-2007, 10:55 AM

I don't know which div is the problem by probably .wrap, however the usual fix I would use is to add one of the following to the div:

position: relative;

height: 1%;

Sometimes you have to apply that to more than one div and it usually takes some experimenting to find exactly which div is the problem.

After you fix IE6 you'll need to recheck in the other browsers just in case.

madmanlear · #3 (**permalink**) 05-07-2007, 01:47 PM

Speed:

We've figured it out now. You were right, it was a wrap div in both cases (the containing column and particular search results). By giving the wrap divs an explicit width in IE6 the problem went away. So I guess in this case it would be a hasLayout bug?

In both cases the wrap divs background somehow took supremacy and came to the top of everything else. But they also had no styling besides the background, so a width set them straight.

Thanks for your help!