Sun, 2004-09-19 15:57
Can anyone tell me why this div:
<div id="bottomT_shadow2"></div>
with the following styles:
#bottomT_shadow2{
width:400px;
height:10px;
background-image:url(1.png);
background-repeat:no-repeat;
background-color:#FF00FF;}shows up fine in firefox but in ie the containing div is double the height of the image. Here the background is pinky and the image is orange but if all were well you wouldn't see that at all.
See here http://www.ctam.co.uk/forum/forumQ.htm
Thanks.
Sun, 2004-09-19 20:29
#1
ie doubles div height
This could be due to the text-size specified for the div.
Try adding overflow:hidden; to see if this will limit the height to the specified 10px.
BTW you can shorten the background style to ~
background:#f0f url(1.png) no-repeat;
Thu, 2004-09-23 11:10
#2
ie doubles div height
Another thing could be the use of PNG. IE does not support that type of image very well. Sometimes OK, but not most of the time.
Try using a GIF or JPG.
Fri, 2004-09-24 15:36
#3
ie doubles div height
Stu and Moxie,
changed the image type but that wasn't it. It was, as you said Stu, solved with overflow:hidden .
Thanks for your help,
Craig.