unwanted gap in IE

[middletree]

I'm experimenting with having gifs to the top, bottom, left, and right of my
main page content, making it look like it's in a box. I'm still working
through it, but I have noticed that in IE, there's a gap.

Instead of wasting time elaborating; I'll just refer you to this link:
http://www.middletree.net/shanda/shandahome.asp

This is not a problem in FF

 

[Stuart]

I'm experimenting with having gifs to the top, bottom, left, and right of my
main page content, making it look like it's in a box. I'm still working
through it, but I have noticed that in IE, there's a gap.

Instead of wasting time elaborating; I'll just refer you to this link:
http://www.middletree.net/shanda/shandahome.asp

This is not a problem in FF

Remove the extra whitespace (spaces, line breaks etc) near the element
affected . IE tends to be fussy about it.

 

[Jonathan N. Little]

I'm experimenting with having gifs to the top, bottom, left, and right of my
main page content, making it look like it's in a box. I'm still working
through it, but I have noticed that in IE, there's a gap.

Instead of wasting time elaborating; I'll just refer you to this link:
http://www.middletree.net/shanda/shandahome.asp

This is not a problem in FF

As others will probably agree your approach is misguided here with the
table layout, deprecated code, no doctype ... and so on, But the problem
here you see is although IE is supposed to ignore the whitespace in your
code the CR between your IMG and the closing </td> tag is your problem


<td valign="bottom" colspan="3"><br> <br> <img
src="images/content_top.gif" height="25" width="100%">
</td>


1. Use CSS for cell alignment
2. Dump the fudging '<br> <br>' to adjust image and use CSS to pad cell
or top margin of image
3. Remove CR and whitespace between <IMG></TD>

<td colspan="3"><img src="images/content_top.gif" alt=""></td>