[thelist] gap between divs in IE6 only

Gunlaug Sørtun gunlaugs at c2i.net
Mon Apr 16 01:27:04 CDT 2007

Joel D Canfield wrote:

> http://rgtoday.com/rg/new/
> In IE6 the last rounded corner-producing div in the left column has a
>  large gap above it.
> Any idea what I've done to cause it?

You're allowing IE6 to introduce its whitespace bug.
IE sees a space inside an empty div, and applies line-height to it. The
div will then be expanded in IE6 (and older) to accommodate this space.
There's your gap.

Simplest solution is to make sure IE6 understands that the empty div
really _is_ empty, by putting a comment inside it and make sure there's
no line-break.

Change to this...

</div><!-- /footer -->
<div class="bottomsm"><!-- --></div>
</div><!-- /sidebar -->

...and there will be no more gap.


More information about the thelist mailing list