Closed
Bug 579851
Opened 14 years ago
Closed 14 years ago
Table cell border extends beyond cell when rowspan & colspan is used
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 332740
People
(Reporter: dclough, Unassigned)
References
()
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.1
When rendering a table, where a single cell is made larger using colspan/rowspan and a border is applied to this cell using CSS, FireFox renders the border incorrectly.
The border 'leaks' beyond the cell along the table row
Reproducible: Always
Steps to Reproduce:
1. Open page and view URL
Actual Results:
Cell border 'leaks' along table row
Expected Results:
Cell border should be rendered around correct cell only
Here is the source HTML to recreate the error:
------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FF Bug?</title>
<style type="text/css">
.spider {border-collapse:collapse; width:auto; margin:2em auto 2em auto;}
.spider td {/*border:1px solid #cccccc;*/}
.spider td table {margin:0;}
.spider td.borderall {border:1px solid black; text-align:center; white-space:normal;}
.spider td.bottomborder, .spider td.rightborder, .spider td.leftborder, .spider td.topborder {border:0 none;} /* prevent dotted border appearing around whole TD */
.spider td.bottomborder {border-bottom:2px solid #999999;}
.spider td.rightborder {border-right:2px solid #999999;}
.spider td.topborder {border-top:2px solid #999999;}
.spider td.leftborder {border-left:2px solid #999999;}
.spider td.dotted {border-style:dotted;}
.spider .purplebg {background-color:#990099; color:White;}
.spider .bluebg {background-color:#ddddff;}
.spider .greenbg {background-color:#eeffee;}
.spider .graybg {background-color:#dddddd;}
.spider .fixedmed {width:150px;}
.spider .smallspace {width:15px}
</style>
</head>
<body>
<p>Border extends beyond table cell</p>
<table class="spider">
<tr>
<td class="borderall" colspan="2" rowspan="2">
Cell content
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
Status: UNCONFIRMED → RESOLVED
Closed: 14 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•