Tables and borders

[Jon]

I have a table (snippet below) that IE just won't seem to display
right. It shows a border between the first two rows. Mozilla/Firefox
don't not show this border. Margins, padding, borders and spacing are
all set to zero. What is IE seeing that I'm not? Tried posting on
webauthoring newsgroup, but couldn't get any help there.

To see full code, go to http://www.jcosby.com/temp/sample.html


<TABLE cellSpacing="0" cellPadding="0" border="0" width="720">
<TR>
<TD colspan="2">
<a href="index.html"><IMG border="0" src="images/banner.gif"></a>
</TD>
</TR>
<TR valign="top">
<TD width="130">
<IMG src="images/navbar1.jpg" border="0" USEMAP="#MyMap">
</TD>
<TD class="MainBody" width="590">
Blah blah blah.
</TD>
</TR>


Jon Cosby

 

[Els]

I have a table (snippet below) that IE just won't seem to display
right. It shows a border between the first two rows. Mozilla/Firefox
don't not show this border. Margins, padding, borders and spacing are
all set to zero. What is IE seeing that I'm not?

The space below inline images.

Tried posting on
webauthoring newsgroup, but couldn't get any help there.

To see full code, go to http://www.jcosby.com/temp/sample.html

td img{vertical-align:bottom}

That would be the answer in CSS, frankly I don't know what the HTML
equivalent is. <img border="0" src="images/banner.gif"
valign="bottom"> maybe?

 

[Safalra]

I have a table (snippet below) that IE just won't seem to display
right. It shows a border between the first two rows. Mozilla/Firefox
don't not show this border. Margins, padding, borders and spacing are
all set to zero.

[snip]

<TD colspan="2">
<a href="index.html"><IMG border="0" src="images/banner.gif"></a>
</TD>

IE has a habit of rendering whitespace that it shouldn't - try putting
all that code on one line (without whitespace between the <td> and <a>
and the </a> and </td>). Better yet, stop using tables for layout, you
evil person...

 

[Jon]

I have a table (snippet below) that IE just won't
seem to display right. It shows a border between
the first two rows. Mozilla/Firefox don't not show
this border. Margins, padding, borders and spacing
are all set to zero.
[snip]
<TD colspan="2">
<a href="index.html"><IMG border="0" src="images/banner.gif"></a>
</TD>

IE has a habit of rendering whitespace that it
shouldn't - try putting all that code on one line
(without whitespace between the <td> and <a> and the
</a> and </td>). Better yet, stop using tables for
layout, you evil person...

By golly, that works. What do people have against tables? It works as
well as anything else. It's sure better than frames.


Jon

 

[mbstevens]

.............
By golly, that works. What do people have against tables? It works as
well as anything else. It's sure better than frames.

I would worry more about getting things like
border="0"
out of my markup and into CSS. I'll bet the reference sources you're
using are really old.

 

[Jon]

I would worry more about getting things like
border="0" out of my markup and into CSS.
I'll bet the reference sources you're
using are really old.

It's been a few years since I've updated it. It's worked in the past,
so I haven't seen any reason to change. Maybe it's time.


Jon

 

[Safalra]

[previous posts on subject of what's wrong with tables]

I would worry more about getting things like
border="0" out of my markup and into CSS.
I'll bet the reference sources you're
using are really old.

It's been a few years since I've updated it. It's worked in the past,
so I haven't seen any reason to change.

I'm sure a club is fairly effective for killing cows, but you don't see
butchers still using them...

Non-metaphorically, here's a nicely illustrated page that summarises
what's wrong with tables:

http://www.hotdesign.com/seybold/everything.html