Closed
Bug 280207
Opened 20 years ago
Closed 20 years ago
Setting border-collapse to collapse in table and setting overflow to hidden in containing div hides left and top border in table.
Categories
(Core :: Layout: Tables, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 155955
People
(Reporter: dubra01, Unassigned)
Details
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; GIS IE6.0 Build 20031007; .NET CLR 1.0.3705; .NET CLR 1.1.4322)
Build Identifier: Mozilla/5.0 Gecko/20041107 FireFox/1.0
A Table with style "border-collapse" set to "collapsed" is contained in a div
that has overflow set to hidden.
This causes the top and left border of table to be invisible.
Reproducible: Always
Steps to Reproduce:
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title>test</title>
<style type="text/css">
table {border-collapse:collapse;
border:1pt solid black;
font-family: Times New Roman, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10pt;
line-height: 0.170in;}
table * td {border:0.5pt solid black;
padding:0px;
margin:0;
padding:0px;}
table * th {text-align:left;
border:0.5pt solid black;
padding:0px;
margin:0;}
</style>
</head>
<body>
<div> This table with style "border-collapse" set to "collapsed" is
contained in a div <br />
that has overflow set to hidden.<br />
This causes the top and left border of table to be invisible.
<br />
<br />
</div>
<div style="overflow:hidden;">
<table >
<col width="2in" />
<col width="3in" />
<thead>
<tr>
<th>Head1</th>
<th>Head2</th>
</tr>
</thead>
<tbody>
<tr>
<td><div style="width:2in;">AAAAAAAAAAAAAAA
AAAAAAAAAA AAAAAAAAAAAAAA1</div></td>
<td><div style="width:3in;">BBBBBBBBBBBBBB
BBBBBBBBBBB BBBBBBBBBBBBBBB1</div></td>
</tr>
<tr>
<td><div style="width:2in;">AAAAAAAAAAAAAA
AAAAAAAAAAA AAAAAAA AAAAAAA1</div></td>
<td><div style="width:3in;">BBBBBBBBBBBB
BBBBBBBBBBBBB BBBBBBBBBBBBBBB1</div></td>
</tr>
</tbody>
</table>
</div>
<div> This table with style "border-collapse" set to "collapsed" is
contained in a div that doesn't have overwrite:hidden set.<br />
This displays the border.<br />
This means that setting border-collapse to collapse affects
left and top position of table.
<br />
<br />
</div>
<div>
<table style="border:1px black solid;">
<col width="2in" />
<col width="3in" />
<thead>
<tr>
<th>Head1</th>
<th>Head2</th>
</tr>
</thead>
<tbody>
<tr>
<td><div style="width:2in;">AAAAAAAAAAAAAAA
AAAAAAAAAA AAAAAAAAAAAAAA1</div></td>
<td><div style="width:3in;">BBBBBBBBBBBBBB
BBBBBBBBBBB BBBBBBBBBBBBBBB1</div></td>
</tr>
<tr>
<td><div style="width:2in;">AAAAAAAAAAAAAA
AAAAAAAAAAA AAAAAAA AAAAAAA1</div></td>
<td><div style="width:3in;">BBBBBBBBBBBB
BBBBBBBBBBBBB BBBBBBBBBBBBBBB1</div></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Actual Results:
check out the html provided in steps to reproduce..
Expected Results:
check out the html provided in steps to reproduce..
|
||
Comment 1•20 years ago
|
||
*** This bug has been marked as a duplicate of 155955 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•