Closed Bug 10195 Opened 26 years ago Closed 26 years ago

row/colspan causes table cells to stretch

Categories

(Core :: Layout: Tables, defect, P3)

x86
All
defect

Tracking

()

VERIFIED FIXED

People

(Reporter: bergie, Assigned: karnaze)

References

()

Details

(Whiteboard: [TESTCASE])

Attachments

(1 file)

It seems that Mozilla (all earlier builds I've tried and M8 on both Linux and Windows NT) has the quirk of stretching table cells to right when you have a combination of rowspan and colspan in the same table. I have seen the behaviour on many other sites, but my own home page seems to show it quite clearly. The page layouts correctly with most Netscape and IE browsers, but gets very messed up with Mozilla. Here is a relevant HTML fragment (longish) for testing purposes: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Table broblem</title> </head> <body> <table cellspacing="0" cellpadding="0" border="0" width="600"> <tr> <td rowspan="3" colspan="3" width="350" >&nbsp;</td> <td width="25" height="25" bgcolor="#660000" rowspan="2" colspan="2" ><img src="/images/p1.gif" width="25" height="25" alt=""></td> <td width="175" height="6" bgcolor="#660000" ><img src="/images/1x1red.gif" alt=""></td> <td height="6" bgcolor="#660000" colspan="2" width="25" ><img src="/images/1x1red.gif" alt=""></td> <td width="25" height="25" bgcolor="#660000" rowspan="2" colspan="2" ><img src="/images/p2.gif" width="25" height="25" alt=""></td> </tr> <tr> <td width="175" height="19" >&nbsp;</td> <td height="19" colspan="2" width="25" >&nbsp;</td> </tr> <tr> <td width="6" bgcolor="#660000" >&nbsp;</td> <td width="19" >&nbsp;</td> <td width="194"> &nbsp; </td> <td height="19" width="25" colspan="2" ><img src="/images/pixel.gif" alt="" width="6" height="1"></td> <td width="19" ><img src="/images/1x1white.gif" width="19" height="1" alt=""></td> <td width="6" bgcolor="#660000" >&nbsp;</td> </tr> <tr> <td width="25" height="25" bgcolor="#000000" colspan="2" rowspan="2" ><img src="/images/m1.gif" alt=""></td> <td height="6" bgcolor="#000000" ><img src="/images/1x1black.gif" alt=""></td> <td width="6" bgcolor="#660000" rowspan="2" >&nbsp;</td> <td width="15" rowspan="2" >&nbsp;</td> <td width="200" rowspan="2" colspan="3"> <!-- Here used to be text --> &nbsp; </td> <td width="15" rowspan="2" >&nbsp;</td> <td width="6" bgcolor="#660000" rowspan="2" >&nbsp;</td> </tr> </table> </body> </html> I submitted this as bug, as the fixes given on bug #2997's test case didn't work on this one. I'll try to think up a test case later on.
It seems that this might be related to cell width settings. There seems to be a quite large number of bugs in that area, so I guess there is something severely wrong in how Mozilla handles this stuff (propably due to legacy browsers displaying tables incorrectly).
Status: NEW → ASSIGNED
Target Milestone: M9
Whiteboard: [TESTCASE]
I believe Mozilla is correct in this case. See my testcase (id=1085). The table is 600px, sum of columns is 550px; thus 50px to dispense. Mozilla decides to give it all to 2nd col because it has ALIGN=center. Communicator decides to divide it proportionally according to each cols width. If you remove ALIGN=center on the corresponding TD in the original URL (http://bergie.greywolves.org/misc/bugzilla-10195.html) it is rendered identical in Mozilla and Communicator. I was using Mozilla build 1999-07-31-08 and Communicator 4.08 on Win98.
Status: ASSIGNED → RESOLVED
Closed: 26 years ago
Resolution: --- → FIXED
The url and the 8/2 attachment look very close to Nav4.x. The 7/28 table changes probably fixed the original problems reported. There is a minor bug in that a vertical 1 pixel white line may appear on resizing, but that is the subject of another bug, which I've seen reported.
Status: RESOLVED → VERIFIED
Using 8/16 Apprunner, verify bug fixed.
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: