Closed
Bug 296715
Opened 20 years ago
Closed 20 years ago
div inside a table create space below the table when div is modified by padding-top
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: jochen, Unassigned)
Details
(Keywords: testcase)
Attachments
(2 files)
User-Agent: Mozilla/5.0 (X11; U; Linux i686; de-DE; rv:1.7.7) Gecko/20050414 Firefox/1.0.3
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; de-DE; rv:1.7.7) Gecko/20050414 Firefox/1.0.3
When the padding-top amount is over a certain threshold level (about 50) then
below the table which includes the div Element space is created.
Using a "vertical-align:top" lowers the threshold level.
A test case is include below. Beneath the lower big fat black block there
shouldn't be anything. But changing the "padding-top" value changes this behaviour.
Reproducible: Always
Steps to Reproduce:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<style>
table,body,h1,tr,td,div {
border:1px;
border-style:solid;
border-spacing:0px;
padding:0px;
border-collapse:collapse;
margin:0px;
}
</style>
</head>
<body>
<table style="width:100%; height:100%">
<tbody>
<tr>
<td>1</td>
<td><div style="height:100%; padding-top:50px;">Hi</div></td>
<td>3</td>
</tr>
<tr>
<td colspan="3" style="background-color:#000000; height:17px;"> </td>
</tr>
</tbody>
</table>
</body>
</html>
Actual Results:
A scroll bar appears to reveal a bit of blank space below the big fat black
block. The height of the blank space depends on the amount of "padding-top"
Expected Results:
There should not appear anything below the big fat black block.
This Bug appears in Firefox 1.0.3 and 1.0.4
|
||
Comment 1•20 years ago
|
||
I see this on Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050602 Firefox/1.0+ ID:0000000000 Attached reporters test case.
|
|
||
Comment 2•20 years ago
|
||
This testcase removes the padding.
|
||
Updated•20 years ago
|
Component: General → Layout
Keywords: testcase
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → 1.0 Branch
|
||
Comment 3•20 years ago
|
||
the div has "height:100%" so it's as tall as the table cell. with padding-top: 50px, it's shifted down 50 pixels and extends below the second table row, which is only 17px. You can see this with DOM Inspector. http://www.w3.org/TR/CSS21/visudet.html#the-height-property resolving INVALID -- Mozilla's rendering is as intended (and correct)
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → INVALID
You need to log in
before you can comment on or make changes to this bug.
Description
•