211571 - A table with 100% height does not fill the browser window

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Rodrigo Ruiz]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3) Gecko/20030312
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3) Gecko/20030312

When in strict mode, a table with "height:100%" style does not expand to the
whole browser page.

I see in the testcase that the body itself does not fit the browser window size.
Perhaps it is more related to the body tag???

Reproducible: Always

Steps to Reproduce:
See testcase
Actual Results:  
The table renders as if no height has been specified. The text is rendered at
the top of the window.

Expected Results:  
The text should be centered in the middle of the browser window

Comment 1

[Rodrigo Ruiz]

Attachment: Testcase

Note that I am using strict mode. In quirks mode it renders as expected.

Comment 2

[Patrick]

not a blocker

Comment 3

[Rodrigo Ruiz]

Well, it is really a blocker for us :-P

We are developing a web application, and one of the design requirements is that
pages must be valid strict html 4.01 pages.

We really "need" to be able to center some elements in the browser window, and
this behaviour prevents us from using Mozilla as a browser.

Until this bug is fixed, our web-application will not be compatible with
Mozilla, so we must tell our customers they must use MSIE, and only MSIE :'(

This can be a real problem when we are talking about platforms where Mozilla is
the only decent browser (that is, almost any UNIX system)

Comment 4

[Hixie (not reading bugmail)]

You need to also set body, html, and anything else between the body element and
the table element to height: 100%; in your CSS.

What Mozilla is doing is correct per the standards.