Closed
Bug 286908
Opened 20 years ago
Closed 20 years ago
extra strip is added at the bottom when using a table and two divs
Categories
(Core :: Layout: Tables, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: jbeele, Unassigned)
Details
(Keywords: testcase)
Attachments
(4 files)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1
With the following code Firefox (1.0.1 WinXP) shows an extra strip of body at
the bottom of the page that is always the height of "div1". I think it shouldn't
be there. Opera and IE don't show this strip.
Is this a bug or a feature?
---------
<html><head>
<style>
body{
background-color:#FF0000;
}
table.main{
background-color:#BBBBBB;
width:100%;
height:1000px;
}
#td2{
background-color:#888888;
width:500px;
}
#div1{
background-color:#444444;
height:100px;
}
#div2{
background-color:#666666;
height:100%;
}
</style></head><body>
<table class=main >
<tr>
<td>td1</td>
<td id=td2 valign=top>
<div id=div1>div1</div>
<div id=div2>div2</div>
</td>
<td>td3</td>
</tr>
</table>
</body></html>
Reproducible: Always
Steps to Reproduce:
1. na
2. na
3. na
Actual Results:
extra strip at the bottom of the page
Expected Results:
no extra strip at the bottom of the page
|
||
Comment 1•20 years ago
|
||
|
|
||
Comment 2•20 years ago
|
||
|
|
||
Updated•20 years ago
|
<div> with 100% height also behaves strange inside another <div> The bottom div won't show and it's text is showed directly in the body
The problem whas that I used "height" instead of "min-height"... The solution: //height:1000px; /* this is necessary for IE */ min-height:1000px;
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
•