Hello everybody.
Frank, you'll have to make sure you're seated before you hear/read this one
;).
Instead of:
<tr>
<td
style="margin:0px;padding:0px;border:0px;background-color:#a00;">
<img src="/ilj/img/banner.jpg" />
</td>
</tr>
try this
<tr>
<td
style="margin:0px;padding:0px;border:0px;background-color:#a00;">
<img src="/ilj/img/banner.jpg" /></td>
</tr>
i.e. close the <td> tag right after the <img> tag, with nothing between
them, not even a space, not to mention a tab or a new line. Worked for me
;).
Calin Sandici
Level7 Software, Timisoara, Romania
------------------------------
Date: Tue, 4 Oct 2005 22:03:33 -0500
From: "Burleigh, Frank" <[EMAIL PROTECTED]>
To: <[email protected]>
Subject: [css-d] Unexplained 4px vertical gap in IE6 table cell
Message-ID:
<[EMAIL PROTECTED]>
Content-Type: text/plain;
charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable
Precedence: list
Message: 23
I'm perplexed by what appears to be a 4px gap below the image in the
second table row. I've turned that cell's background a bright red to
make the gap easier to see. Gecko browsers don't show this gap *unless*
I add a nonbreaking space after the image. I haven't found any
combination of padding, margin or height that seem to affect this
behavior.
For a time I was able to get rid of the gap by joining the second and
third rows--but I lost the magic combination that achieved that fine
result. ;-)
http://design.law.indiana.edu/ilj/index.shtml
It goes without saying, your ideas are appreciated in advance.
Frank Burleigh
Indiana University School of Law
[EMAIL PROTECTED] 812-855-9170
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
