Page 1 of 1

Annoying gap below images in IE????

Posted: Fri Jul 16, 2004 9:24 am
by Chris Corbyn
Hi,

Does anyone know why I'm getting a transparent gap of about 4px underneath my images which is only visible in IE? I've tried setting margin, border and padding to 0px but still no luck.

Here's the code that's doing it.

Code: Select all

<table cellspacing="0" cellpadding="0" border="0"><td style="width:530px; height:3px; background-color:#328BCF"></td></table>
<div style="width:530px; height:25px; margin:0px; background-color: #EDEEEF">
<img src="img/auric_ac_title.gif">
</div>
That first table at the top is just to make a horizontal rule and my image dimensions are 300 x 25px.

You should be able to see the gap I mean at http://www.dur.ac.uk/c.a.corbyn/angela/?loc=index by looking at the title that says Auricular Acupuncture ||

Thanks in advance

Posted: Fri Jul 16, 2004 10:32 am
by feyd
It can be from the line breaks you have in the div there.. you may need to zero margin/padding for the image itself...

Posted: Fri Jul 16, 2004 10:34 am
by Draco_03
Yep indeed just write instead

Code: Select all

<table cellspacing="0" cellpadding="0" border="0"><td style="width:530px; height:3px; background-color:#328BCF"></td></table><div style="width:530px; height:25px; margin:0px; background-color: #EDEEEF"><img src="img/auric_ac_title.gif"></div>
should work

Posted: Fri Jul 16, 2004 2:47 pm
by Chris Corbyn
Thanks guys, it was the line breaks that were doing it. :-)