Open Bug 315185 Opened 19 years ago Updated 2 years ago

Difference in table-Layout between Firefox 1.5 and Mozilla 1.7

Categories

(Core :: Layout: Tables, defect)

x86
Windows 2000
defect

Tracking

()

UNCONFIRMED

People

(Reporter: kalup, Unassigned)

Details

(Keywords: testcase)

Attachments

(2 files)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; de; rv:1.8) Gecko/20051104 Firefox/1.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; de; rv:1.8) Gecko/20051104 Firefox/1.5 & Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.12) Gecko/20051104

On Bottom an example. Please save and load with Firefox and Mozilla or view this sample picture: http://s2.simpleupload.de/ix8482eabe/table_sample.jpg

The table-layout is set to fixed. Coloumn 0 and 3 are visible, Coloumn 1 and 2 are hidden with 0px, text overflow also hidden.

-Mozilla 1.7: problem with cellpadding=0? 
-Firefox 1.5: bottom/top-lines are broken on hidden cells
-Mozilla and Firefox: if cellpadding greater cell-width or hight, the padding should set to width or hight, like IE or Opera?

--- html sample ---
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>0</title>
</head>
<body bgcolor="#000000" text="#FFFFFF">
Tabelle 1 (cellpadding=0)
<table width="100" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" style="table-layout:fixed">
 <tr>
  <td style="width:50%;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.0</td>
  <td style="width:0px;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.1</td>
  <td style="width:0px;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.2</td>
  <td style="width:50%;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.3</td>
 </tr>
 <tr>
  <td style="width:50%; border-left-style:none; border-right-style:none">1.0</td>
  <td style="width:0px;overflow:hidden; border-left-style:none; border-right-style:none">1.1</td>
  <td style="width:0px;overflow:hidden; border-left-style:none; border-right-style:none">1.2</td>
  <td style="width:50%; border-left-style:none; border-right-style:none">1.3</td>
 </tr>
 <tr>
  <td style="width:50%">2.0</td>
  <td style="width:0px;overflow:hidden">2.1</td>
  <td style="width:0px;overflow:hidden">2.2</td>
  <td style="width:50%">2.3</td>
 </tr>
</table>
<br>Tabelle 2 (cellpadding=1)
<table width="100" border="1" cellspacing="0" cellpadding="1" bordercolor="#FFFFFF" style="table-layout:fixed">
 <tr>
  <td style="width:50%;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.0</td>
  <td style="width:0px;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.1</td>
  <td style="width:0px;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.2</td>
  <td style="width:50%;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.3</td>
 </tr>
 <tr>
  <td style="width:50%; border-left-style:none; border-right-style:none">1.0</td>
  <td style="width:0px;overflow:hidden; border-left-style:none; border-right-style:none">1.1</td>
  <td style="width:0px;overflow:hidden; border-left-style:none; border-right-style:none">1.2</td>
  <td style="width:50%; border-left-style:none; border-right-style:none">1.3</td>
 </tr>
 <tr>
  <td style="width:50%">2.0</td>
  <td style="width:0px;overflow:hidden">2.1</td>
  <td style="width:0px;overflow:hidden">2.2</td>
  <td style="width:50%">2.3</td>
 </tr>
</table>
<br>Tabelle 2 (cellpadding=3)
<table width="100" border="1" cellspacing="0" cellpadding="3" bordercolor="#FFFFFF" style="table-layout:fixed">
 <tr>
  <td style="width:50%;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.0</td>
  <td style="width:0px;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.1</td>
  <td style="width:0px;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.2</td>
  <td style="width:50%;overflow:hidden;border-top-style:none; border-left-style:none; border-right-style:none">0.3</td>
 </tr>
 <tr>
  <td style="width:50%; border-left-style:none; border-right-style:none">1.0</td>
  <td style="width:0px;overflow:hidden; border-left-style:none; border-right-style:none">1.1</td>
  <td style="width:0px;overflow:hidden; border-left-style:none; border-right-style:none">1.2</td>
  <td style="width:50%; border-left-style:none; border-right-style:none">1.3</td>
 </tr>
 <tr>
  <td style="width:50%">2.0</td>
  <td style="width:0px;overflow:hidden">2.1</td>
  <td style="width:0px;overflow:hidden">2.2</td>
  <td style="width:50%">2.3</td>
 </tr>
</table>
</body>
</html>

Reproducible: Always

Steps to Reproduce:
1. save and load the code or view the sample picture
Well, I would say this isn't a bug, but actually an improvement in the rendering of Mozilla, not?
Component: General → Layout: Tables
Keywords: testcase
Product: Firefox → Core
QA Contact: general → layout.tables
Version: unspecified → Trunk
>if cellpadding greater cell-width or hight, the padding
> should set to width or hight, like IE or Opera?
No, the behaviour is defined by the CSS2.1 spec, see the CSS box model http://www.w3.org/TR/CSS21/box.html it defines the width as the content edge width around that adds the padding, if it larger then 0 the the border edge gets moved.

invalid, IMHO
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → FIXED
I closed it prematurely
Status: RESOLVED → UNCONFIRMED
Resolution: FIXED → ---
WORKSFORME

I think in the last 9 years this was changed... so for me it looks OK now in FF31
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: