Gaps Under Images in IE6
June 24th, 2007
In IE6 and below, images within a div will have a gap or space below them. This is caused by the fact that images are not block elements; they’re inline. The pixels at the bottom are the space below the baseline where text descenders would go (tails on letters like g, j, p, q and y).
The Fix:
Using CSS, set display:block; on the img.
This is not a problem in IE7.
Posted in CSS. ⋅ Tags: bugs, CSS, IE, Internet-Explorer
4 Responses to “Gaps Under Images in IE6”
May 14, 2009 at 9:36 AM
Hmmmm that’s cool.
June 23, 2009 at 6:19 PM
Can you provide more information on this? i was researching for more information.
June 27, 2009 at 1:49 AM
How to add the feed on RSS?
April 23, 2010 at 7:51 AM
Do you accept guest articles or blog posts? I just like the look how you wrote Gaps Under Images in IE6 | MCG Web Development, Inc. | Blog, I’m in this topic for ages and I would adore to write couple publications here if you ever agree.