Closed
Bug 201328
Opened 23 years ago
Closed 23 years ago
Browser doesn't display tables of 100% height
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: bart, Assigned: asa)
References
()
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4a) Gecko/20030401
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4a) Gecko/20030401
An example of this problem is found on http://www.sixxs.net/.
This code doesn't seem to work either:
<?xml version="1.1" encoding="iso-8859-1"?>
<!-- $Id: index.html,v 1.15 2003/04/08 21:37:39 bart Exp $ -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 STRICT//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>www.dreamflow.nl</title>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
<table class="maintable" cellpadding="1" cellspacing="0" border="0">
<tr>
<td class="top" valign="top">
<img src="images/top.png" alt="banner"/>
</td>
</tr>
<tr>
<td class="menu" align="right" valign="top">
home
<a class="menu" title="code" href="code.html">code</a>
<a class="menu" title="links" href="links.html">links</a>
<a class="menu" title="stuff" href="stuff.html">stuff</a>
<a class="menu" title="gallery" href="gallery.html">gallery</a>
</td>
</tr>
<tr>
<td valign="top" class="black">
</td>
</tr>
<tr>
<td valign="top" class="main">
<p class="title">
Home
</p>
</td>
</tr>
<tr>
<td valign="bottom" class="black">
</td>
</tr>
<tr>
<td class="bottom">
<table class="bottomtable" cellspacing="0" cellpadding="0" border="0">
<tr class="copyright">
<td class="copyright" align="left">
(c) 2003 <a class="copyright" href="mailto:bart@dreamflow.nl">Bart
Matthaei</a>, All rights reserved
</td>
<td class="cvs" align="right">
$Id: index.html,v 1.15 2003/04/08 21:37:39 bart Exp $
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
In the stylesheet, the bodytable has height: 100%;
Reproducible: Always
Steps to Reproduce:
visit http://www.sixxs.net/ or use code i pasted in details
Actual Results:
The table only fills up a small part of the screen. (i set border="1")
Expected Results:
It should have filled up the entire screen.
|
||
Comment 1•23 years ago
|
||
Two things
-The MIME type is text/html, so you are not in XHTML. Label it HTML, it gets
processed as HTML.
-Per the specs, percentage height of a table is relative to the containing
block. Setting html { height: 100%} in CSS seems to make things work.
I'm duping this against a related bug, that has more info, esp. about making
this work when you really are sending XHTML.
*** This bug has been marked as a duplicate of 88641 ***
Status: UNCONFIRMED → RESOLVED
Closed: 23 years ago
Component: Browser-General → Style System
QA Contact: asa → ian
Resolution: --- → DUPLICATE
Summary: Browser doesn't display tables of 100% height in xhtml → Browser doesn't display tables of 100% height
You need to log in
before you can comment on or make changes to this bug.
Description
•