By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,233 Members | 1,383 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,233 IT Pros & Developers. It's quick & easy.

tables: help me debug this...

P: n/a
i've built a page. it validates with 4.0 transitional

http://www.speakeasy.org/~rchong/whe...nglish/j.shtml

it looks fine on mozilla and opera. but in IE, there is a gap at the
corners. what the heck is going on?? i'd really appreciate any help.
thanks.

Jul 20 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a
Els


4MLA1FN wrote:
i've built a page. it validates with 4.0 transitional

http://www.speakeasy.org/~rchong/whe...nglish/j.shtml

it looks fine on mozilla and opera. but in IE, there is a gap at the
corners. what the heck is going on??
IE is displaying some margins and/or paddings which you
didn't define to be 0.
i'd really appreciate any help.
thanks.


Try this
<style type="text/css">
* {border:0px;margin:0px;padding:0px;}
</style>
in the head of your document.

Haven't tried it with images, looks like it is what you
need, though.

--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #2

P: n/a
4MLA1FN <ef*****@yahoo.wontworkwiththis.com> wrote in message news:<ug********************************@4ax.com>. ..
i've built a page. it validates with 4.0 transitional

http://www.speakeasy.org/~rchong/whe...nglish/j.shtml

it looks fine on mozilla and opera. but in IE, there is a gap at the
corners. what the heck is going on?? i'd really appreciate any help.
thanks.


Your problem is the newline between the <img...> and the </td>. Most
browsers ignore it, MSIE does not.

Put the <td><img ...></td> all on one line with no whitespace between
the tags and you'll be fine.
Jul 20 '05 #3

P: n/a
On Mon, 16 Feb 2004 12:42:42 +0100, Els <el*********@tiscali.nl>
wrote:
<style type="text/css">
* {border:0px;margin:0px;padding:0px;}
</style>


thanks for the suggestion. this didn't work. it did remove the top
margin which i do want to keep, some i'm partly glad it didn't work,
so to speak. :)
Jul 20 '05 #4

P: n/a
On 16 Feb 2004 04:59:30 -0800, re****@go.com (Retlak) wrote:
Your problem is the newline between the <img...> and the </td>. Most
browsers ignore it, MSIE does not.


thanks for the suggestion. i tried it and it didn't work. :(

i guess i'm glad it wasn't something obvious i was missing. i've been
coding html on and off for many years and i've always had problems
getting tables to do exactly what i want. it's such a nusiance to
have to design check you designs on multiple browsers. is it that the
html spec has ambiguities or huge holes (e.g. no guidance on how
things should be rendered)? or is it that some browser manufacturers
haven't conformed to the spec?? i find opera's rendering to be very
completely predictable. bummer opera isn't more popular.
Jul 20 '05 #5

P: n/a
"4MLA1FN" <ef*****@yahoo.wontworkwiththis.com> wrote in message
news:ug********************************@4ax.com...
i've built a page. it validates with 4.0 transitional

http://www.speakeasy.org/~rchong/whe...nglish/j.shtml

it looks fine on mozilla and opera. but in IE, there is a gap at the
corners. what the heck is going on?? i'd really appreciate any help.
thanks.


The problem seems to be here:

<td
style="background-image:url(/~rchong/whespta/english/graphics/blue0.jpg)">
<img alt="" src="/~rchong/whespta/english/graphics/spacer.gif"
width=700 height=25 border=0>
</td>

If you remove the whitespace before and after the <img> (that is,
<td><img></td>) instead of putting <img> on it's own line, the problem seems
to go away.

I tested this and removing the whitespace did, in fact, fix the problem. IE
is weird like that.
Regards,
Peter Foti

Jul 20 '05 #6

P: n/a
On Mon, 16 Feb 2004 10:38:02 -0500, "Peter Foti"
<pe***@Idontwantnostinkingemailfromyou.com> wrote:
The problem seems to be here:


ah! that did fix it! Retlak said the same thing, but i only applied
them to the "troublesome" cells; the end caps, not the middle cell.
thanks for pointing that out.

now i just discoverd that if i put a <br> at the end of the <img...>
line, i could have white space after the <img...> clause.
now does that make sense?? i would have though <br> would have added
whitespace.

thanks to all who responded.
Jul 20 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.