Sent by Laurie Landry on 22 March 2005 03:03
Hi,
I'm working on a project in which I have a little logo
#headerImage IMG {
float: right;
border: 1px solid #FF00FF;
}
This holds the logo image that is flushed to the right. The border is
just a temporary outline.
#subHeaderBanner {
clear: right;
margin: 0;
padding: 12px 14px 12px 14px;
border: 1px solid #999999;
}
This holds the big image directly below the logo. The effect is an
outline with a 14 pixel-ish whitespace around the photo.
The html snippet:
<div id="headerImage">
<a href="/index.htm"><img src="images/logoimage.gif" alt="Logo Image"
width="363" height="42" alt="Home" border="0"></a>
</div>
<div id="subHeaderBanner">
<IMG src="/images/bigimage.jpg" alt="Big Image" width="732"
height="336" border=0>
</div>
In Firefox it shows as intended but in IE 6.0, it adds another 3 to 5
pixels at the top padding, between the border and the actual photo.
Is this a IE issue? And if so, is there a fix that needs to be applied?
--
Laurie Landry
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
