Closed Bug 71927 Opened 23 years ago Closed 23 years ago

CSS: "height:percent value" is ignored with table tag

Categories

(Core :: Layout: Tables, defect)

x86
All
defect
Not set
normal

Tracking

()

VERIFIED DUPLICATE of bug 69479

People

(Reporter: mg8, Assigned: karnaze)

References

()

Details

Attachments

(1 file)

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; 0.8) Gecko/20010215
BuildID:    20010215

In the example, a height of a table is set using CSS. Setting table
style="height:400px;" works correctly, but setting % values instead of px values
doesn't work. 

Reproducible: Always
Steps to Reproduce:
1.just view the example used in the URL above
2.
3.

Actual Results:  The test text in the table appears at the very top of the page.

Expected Results:  The test text should appear at the very bottom of the test
page (see URL above) since td valign="bottom" is also used, with a Transitional
doctype of course.

<table style="height:100%" summary="test">
<tr>
<td valign="bottom">Test mit style="height:100%"</td>
</tr>
</table>

using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
Confirming. Marking OS "All"
Status: UNCONFIRMED → NEW
Ever confirmed: true
OS: Windows 98 → All
By the way, we still have the same problem : HTML 4 does not specify a HEIGHT
attribute on TABLE, even in the transitional DTD !
THis is a dupe.  I'll see if I can find this.
Summary: CSS: "height:percent value" is ignored with table tag → [DUP]CSS: "height:percent value" is ignored with table tag
ahh midair crash...

This should be mark as a dupe of one of these:
bug 58225, bug 42543, or even, bug 32205. Take your pick.

There are many more reports to compare against if you query for height in html
tables component. :-)
As you can tell, the table is 100% of the height of the body, which shrink-wraps
around the table. The doctype is Transitional, true. But it's also XHTML. And
Mozilla displays all XHTML doctypes in strict CSS2 layout mode.

If you really want to, you can do something like:

style="position: absolute; top: 0; bottom: 0; left:0; right:0"

on the body to get the effect you want. This is invalid.

*** This bug has been marked as a duplicate of 69479 ***
Status: NEW → RESOLVED
Closed: 23 years ago
Resolution: --- → DUPLICATE
Summary: [DUP]CSS: "height:percent value" is ignored with table tag → CSS: "height:percent value" is ignored with table tag
VERIFIED dup
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: