Closed
Bug 548404
Opened 15 years ago
Closed 15 years ago
Incorrect border applied beneath table cell with ROWSPAN attribute setm and table "border-collapse" is "collapse"
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 332740
People
(Reporter: xavier.jefferson, Unassigned)
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.8) Gecko/20100202 Firefox/3.5.8
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.8) Gecko/20100202 Firefox/3.5.8
Extra lines appear in a table when its border-collapse style attribute is applied, and the table contains cells with ROWSPAN attributes set, and the cell border is turned on for the bottom or top only.
Reproducible: Always
Steps to Reproduce:
1. Copy following text into an html file.
<style type="text/css">
td {padding:5px; border-bottom:solid 1px black}
</style>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td ><a href="#?q=*&x2=sku&q2=LSK-CO2" >LSK-CO2</a></td>
<td rowspan="3">100</td>
<td rowspan="3">Clear CO<sub><font size="-4">2</font></sub></td>
<td rowspan="3">OD 9+ @ 190–360 nm<br />
OD 5+ @ 9–11.1 µm<br />
OD 7+ @ 10.6 µm</td>
<td rowspan="3">Clear</td>
<td rowspan="3">89%</td>
<td>LSK</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=G3984" >G3984</a>*</td>
<td>LGF Full View</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=31-80100" >31-80100</a></td>
<td>XC</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=LSK-YAG%2fCO2" >LSK-YAG/CO2</a></td>
<td rowspan="4">101</td>
<td rowspan="4">ND:YAG, CO<sub><font size="-4">2</font></sub></td>
<td rowspan="4">OD 9+ @ 190–375 nm<br />
OD 3+ @ 800–840 nm<br />
OD 4+ @ 841–869 nm<br />
OD 5+ @ 870–1080 nm<br />
OD 5+ @ 9–11.1 µm<br />
OD 7+ @ 10.6 µm</td>
<td rowspan="4">Light Yellow-Green</td>
<td rowspan="4">52%</td>
<td>LSK</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=LOTG-YAG%2fCO2" >LOTG-YAG/CO2</a></td>
<td>LOTG</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=G3985" >G3985</a>*</td>
<td>LGF Full View</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=31-80101" >31-80101</a>*</td>
<td>XC</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=LSK-YAG%2fKTP" >LSK-YAG/KTP</a></td>
<td rowspan="3">102</td>
<td rowspan="3">ND:YAG & Harmonics, CO<sub><font size="-4">2</font></sub>, Excimer, Diodes, GaAs</td>
<td rowspan="3">OD 7 @ 190–532 nm<br />
OD 3 @ 800–839 nm<br />
OD 4+ @ 840–864 nm<br />
OD 5+ @ 865–1063 nm<br />
OD 7 @ 1064 nm<br />
OD 5 @ 10.6 µm</td>
<td rowspan="3">Brown</td>
<td rowspan="3">26%</td>
<td>LSK</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=LOTG-YAG%2fKTP" >LOTG-YAG/KTP</a></td>
<td>LOTG</td>
</tr>
<tr>
<td><a href="#?q=*&x2=sku&q2=31-80102" >31-80102</a>*</td>
<td>XC</td>
</tr>
</table>
============================================================
2. View in Firefox. Note the second column containing "100", "101", "102". There should be one horizontal line appearing in the space between "100" and "101". Behavior is same in other browsers.
3. In your html editor, find the <table> tag and add attribute [ style="border-collapse:collapse;" ]. Save the file.
4. Refresh Firefox. Note that there are now two horizontal lines in space between "100" and "101" in the second column.
Actual Results:
See "Steps to reproduce" item 4
Expected Results:
See "Steps to reproduce" item 2
This also happens when the cell "border-top" attribute is used, but it's just fine if the cell "border" attribute is used instead.
I also tried "border:solid 1px black;border-top:none;border-left:none;border-right:none" but the outcome was the same.
|
||
Updated•15 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•