Closed
Bug 322609
Opened 20 years ago
Closed 17 years ago
Collapsed borders invisible in tbody with overflow: scroll;
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 443818
People
(Reporter: masp001, Unassigned)
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8) Gecko/20051111 Firefox/1.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8) Gecko/20051111 Firefox/1.5
The following replicates the problems:
<html>
<head>
<style type="text/css">
table {
border-collapse:collapse;
background: #EEE;
}
.scroll {
height: 100px;
overflow: scroll;
}
tr {
background: #FEF;
}
td {
padding: 8px;
border: 8px solid white;
}
</style>
</head>
<body>
My objective was to create a table with a row of headers and a vertically scrollable body.
<br><br>This is the basic table with collapsed borders (No scrolling yet):
<table>
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody>
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
We use a pink background and white borders:
<pre>
tr {
background: #FEF;
}
td {
padding: 8px;
border: 8px solid white;
}
</pre>
<br>Now let's define a scroll class:
<pre>
.scroll {
height: 100px;
overflow: scroll;
}
</pre>
Below is the same table with the scroll class added to the tbody:
<pre>
<tbody class=scroll>
</pre>
<table>
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody class=scroll>
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
We observe that the white borders are lost.
<br><br>Now we use separate borders:
<table style="border-collapse: separate;">
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody class=scroll>
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
It seems to work fine with separate borders.
<br><br>Now let's put the scroll class on the table instead of the tbody.
(The table has collapsed borders.)
<pre>
<table class=scroll>
</pre>
<table class=scroll>
<thead><tr><td>A<td>B<td>C<td>D</thead>
<tbody>
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
<tr><td>sdf<td>slkdfj<td>oweiru<td>jsldkfj
</tbody>
</table>
We observe that the height and overflow:scroll properties are ignored. Is this by design?
</body>
</html>
Reproducible: Always
Steps to Reproduce:
- see details -
Actual Results:
td borders are not there
table ignores overlap:scroll CSS property
|
||
Comment 1•18 years ago
|
||
Reporter, do you still see this problem with the latest Firefox 2? If not, can you please close this bug as WORKSFORME. Thanks!
Whiteboard: CLOSEME 06/27
Version: unspecified → 1.5.0.x Branch
|
|
||
Updated•18 years ago
|
Whiteboard: CLOSEME 06/27
Version: 1.5.0.x Branch → 2.0 Branch
|
||
Updated•17 years ago
|
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → style-system
Version: 2.0 Branch → 1.8 Branch
|
|
||
Updated•17 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → DUPLICATE
|
|
||
Updated•16 years ago
|
Summary: Collapsed borders invisible in tbody with overlap: scroll; → Collapsed borders invisible in tbody with overflow: scroll;
You need to log in
before you can comment on or make changes to this bug.
Description
•