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: <css-d@lists.css-discuss.org>
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/

Reply via email to