|
Posted by Jonathan N. Little on 10/18/05 17:45
middletree wrote:
> 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>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|