William M Conlon wrote: > Hi, I'm new to this list. Sorry I didn't find it years ago. > Welcome. > I'm perplexed by a problem with IE 6 adding an extra few pixels at > the bottom of a div. > > There are two places this occurs at http://www3.rgallery.us/index.html > I was not able to access the file. > Maybe someone can help me see where the problem is with the first, > simpler, and non-floated case: > > div#top { > width:638px; > border: 1px solid #560116; > } > > Which contains two images: > > <div id="top"> > <a href="/index.html"><img src="images/logo.jpg" alt="Home" > width="190" height="106" border="0" /></a><img src="images/ > home_top.jpg" alt="Staging: Innovative and Effective Design Solutions > that Sell Homes" width="448" height="106" border="0" /> > </div> > > This renders fine in Firefox and Safari. IE7 requires that I @import > a fix: > > div#top {height: 106px;} > > but I haven't found anything for IE6. Instead, there is a gap of > about three pixels between the bottom of the images and the border. > See if this helps: div#top { width:638px; height: 106px; border: 1px solid #560116; } win/IE/6 and down get this hack enclosed in a conditional comment: <!--[if lt IE 7]> <style type="text/css"> div#top img { display: block; height: 1%; } </style> <![endif]--> Not tested. Best, ~dL
> > Bill > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
