295177 - MyADDSelfHelp.com - Site looks differently in MS Explorer and FireFox (wrong tables).

Status: RESOLVED WORKSFORME

(Core :: Layout: Tables, defect)

Description

[Boris Vaiser]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

The first column has a table with a hole (second row from the bottom)
above "Order eBook Here"

Reproducible: Always

Steps to Reproduce:
1.Goto http://www.MyADDSelfHelp.com with FireFox
2.Goto http://www.MyADDSelfHelp.com with MS Explorer
3.Look at the first column just above "Order eBook Here". There is a hole in
FireFox.
  MS Explorer does not show the hole.  

Actual Results:  
FireFox shows the hole where MS Explorer does not show it. 

Expected Results:  
I do not know who is right but the site looks differenly

The actual code for the hole is 

<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
***************
The whole table code is

<table cellspacing="0" cellpadding="4" width="100%" border="0">
<tbody>
<tr><td><a href="http://www.myaddselfhelp.com/Home.html"><font color="#ffffff"
size="2">Home</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/ChildADHD.html"><font
color="#ffffff" size="2">Child ADD</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/Definition.html"><font
color="#ffffff" size="2">Definition</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/Links.html"><font color="#ffffff"
size="2">Links</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/SiteMap.html"><font
color="#ffffff" size="2">Site Map</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/SubconsciousMind.html"><font
color="#ffffff" size="2">Subconscious Mind</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/My_Story.html"><font
color="#ffffff" size="2">My Story</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/Contact.html"><font
color="#ffffff" size="2">Contact</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/Free_Stuff.html"><font
color="#ffffff" size="2">Free Stuff</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/FAQ.html"><font color="#ffffff"
size="2">FAQ</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/BirthdayReminder.html"><font
color="#ffffff" size="2">Birthday Reminder</font></a></td></tr>
<tr><td><a href="http://www.myaddselfhelp.com/Forum.html"><font color="#ffffff"
size="2">Forum</font></a></td></tr>

<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>

<tr><td><a
href="http://www.myaddselfhelp.com/func.pmg/sku-eBook001/cmd-add2Cart?sid=&lt;!--sessionid--&gt;"><font
color="#990000">Order eBook Here</font></a></td></tr>
</tbody></table>

Comment 1

[djpohly]

Same on trunk.
-> Layout: Tables

Comment 2

[Martijn Wargers (dead)]

*** Bug 295176 has been marked as a duplicate of this bug. ***

Comment 3

[Martijn Wargers (dead)]

Attachment: Testcase

In Mozilla the height of empty td's seems 3px, in IE6 it seems 1px.

Comment 4

[Martijn Wargers (dead)]

The extra height in Mozilla seems to be caused by the default padding that
Mozilla gets:
http://lxr.mozilla.org/seamonkey/source/layout/style/html.css#245
This was added with the fix for bug 78695, see bug 78695, comment 110.
"The others are caused by my fix to remove the extra padding on CSS table 
cells.  This causes me to fail a bunch of tests."
IE6 is also having a default padding of 1px on table cells, unless it is empty
(or when it is just white-space), which is what this bug is about.

Comment 5

[Martijn Wargers (dead)]

Attachment: testcase2

(In reply to comment #4)
> IE6 is also having a default padding of 1px on table cells, unless it is
empty
> (or when it is just white-space), which is what this bug is about.
This statement is wrong. IE6 is also having padding on empty table cells, it is
just not rendering them. See this testcase. IE6 just renders a 1px high table
cell, while the computed style of padding-top and padding-bottom is 1px, which
should give a 2px high table cell. So IE6 doesn't make much sense to me.

Comment 6

[Bernd]

we render this like IE8