1px high DIV in IE6

Posted on February 23, 2009

Very occasionally I’ll use an empty DIV for decoration, and in CSS use height: 1px.

In IE6 to make this work you need to put comments inside the DIV, otherwise it’ll display at the height of the font you’re using.

<div class=”line”></div>

becomes

<div class=”line”><!– –></div>

You don’t need any line-height fixes in the CSS. Yes, it’ll add to your markup a bit, but you should probably be explaining why you’re using meaningless, empty DIVs anyway.

1. Rory says:

   November 19, 2010 at 2:35 am

   very handy thanks

   Reply
2. Sylvain says:

   December 30, 2010 at 11:17 pm

   It works !
   Thanks a lot

   Reply