234229 - CSS inherit value unsupported with Firefox when supported in Firebird

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Matthew Bonner]

User-Agent:       
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.6) Gecko/20040206 Firefox/0.7 StumbleUpon/1.902

With the page at http://80.4.61/177/test.html the value inherit has been used to
contain the same width and height value of the body tag. With Mozilla Firebird
0.7 the value is correctly applied but with Mozilla Firefox the value does not
seem to be applied and the object is not displayed. This may be due to the fact
the value is trying to copy the body tags inheritence but I have not tested it much.

Reproducible: Always
Steps to Reproduce:
1. create a page with:
body {background:url(image.jpg) repeat top left;
padding:0px;margin:0px;border:none;}
div {width:inherit;height:inherit; background:url(image.png) no-repeat center
center;}
2. veiw the page in Firefox
Actual Results:  
the div fails to show although it is loaded, this is due to the inherit value
for the width and height not being supported so therefore the height reacts as
'null' and the CSS parser ignores the error.

Expected Results:  
the div should have the same width and height value as the body tag (width:100%;
height:100%) and therefore should make the image that is set for the div
background should apear in the centre of the screen.

Tested with both quirks and compliance mode. Same results.

Comment 1

[Jason Barnabe (np)]

In bug 228961 comment 2, Ian Hickson says:

"This was a change made to CSS2.1. If you want the width to fill the container,
use width: 100%. In CSS2.1, you are inheriting 'auto' so you get width:auto."

I think he was referring to http://www.w3.org/TR/CSS21/changes.html#q13

I'm not sure this is the same situation, just something that came up after a search.

Comment 2

[Asa Dotzler [:asa]]

->style system.

Comment 3

[Hixie (not reading bugmail)]

comment 1 is correct