IE6 Image WhiteSpace Bug
Something that really gets me out of my skin is this silly bug. I often need some area with no padding, no margin or any other space bellow the image that is contained in it. Here is how it looks before and after applying the fix :
Fix description: Just add font-size:1px; in the definition of the area’s style
Preview of the bug and the fix
Tags: bug, ie, whitespace
October 16th, 2007 at 5:14 pm
Surely an unnerving bug, but it can be worked around with a simpler solution than this one. If, for example, we have an image that sits in a table or a div, that it is not supposed to stretch vertically, you can just add the simple CSS rule like that:
#holder_id img {
display:block;
}
This won’t do if you have an image surrounded by text, because the text wouldn’t flow around the image. But in this case, I guess, you can put up with a little extra space below.
August 22nd, 2008 at 4:52 pm
Thanks for the tip! This really helped me with the tabs and the pinstripe alignment on my site.
August 23rd, 2008 at 11:18 am
@John
No problem. If you have some links section on your sites and think others may like the site – put a link to here.
September 27th, 2008 at 10:25 am
Thanks guys you saved me a lot of hair pulling.
February 19th, 2009 at 10:50 pm
That did the trick. Thanx alot!
February 21st, 2009 at 3:08 am
You are welcome
July 7th, 2009 at 9:40 pm
OMG…thank you for this! I really wish IE6 would just die a horrible painful death. (quickly though)
July 16th, 2009 at 2:00 pm
I was facing the same problem in IE8 and the trick works for me in IE8 also.
October 14th, 2009 at 9:58 pm
thank you for posting! works awesome!
November 7th, 2009 at 2:53 am
omg thank you so much! I was playing around Adobe’s browser lab trying to fix this issue for a good hour! and so all of a sudden i had the idea, “hey ill google ‘extra padding image ie6′ and i came across your blog post.” thanks so much for sharing
June 29th, 2010 at 9:53 pm
This is awesome and so simple! You have no idea how long I have been searching for the answer to this bug. Most fixes recommended had no effect. Thank you!