462355 - CSS Method height has no effect if using % (percantage) values.

Status: RESOLVED DUPLICATE of bug 86390

(Firefox :: General, defect)

Description

[type]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; de; rv:1.9.0.3) Gecko/2008092414 Firefox/3.0.3
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; de; rv:1.9.0.3) Gecko/2008092414 Firefox/3.0.3

<div style="height:85%; width: 85%; background-color:#CCCCCC";>&nbsp;</div>
For example, doesn´t work correctly in Firefox 3.0.3 on Macintosh.
The width is displayed right.



Reproducible: Always

Steps to Reproduce:
1. Use a Div or another HTML Object
2. Use CSS
3. Use Height with % instead of pixel.

Actual Results:  
Nothing, the width is displayed correctly, but the height has no effect.

Expected Results:  
The height should be depended on the window size.

Comment 1

[Dave Townsend [:mossop]]

Can you please provide a fuller testcase. The behaviour of the height style depends a lot on the context and the containing elements so just your single one line doesn't help demonstrate the issue you are seeing.

Comment 2

[type]

Oh i am sorry, it was an Image which was effected by this problem.
In Safari the pictures-height is based on the window-height.
But in Firefox this has no effect.

Here is a Site that shows the problem:
http://communicators.ag/Firefox/

I am not sure what to do, but why does this work in Safari.
I remember that this affects more than just images.

Comment 3

[Dave Townsend [:mossop]]

Please can you describe what is not displaying as you expect in this page, it looks identical to me in Firefox and Safari.

Comment 4

[type]

So here i am again.

I´ve uploaded two screenshots, of the problem.
Firefox: http://communicators.ag/Firefox/Firefox
Safari: http://communicators.ag/Firefox/Safari

So the images scale is based on the size of the browser window as you can see
in the picture of safari.
But why can´t I shrink the window size down in Firefox to make the Image
smaller.

Try it!

Comment 5

[Dave Townsend [:mossop]]

You need to set a height on the containing block for a percentage height on the image to have any effect, you also might try validating your html has having two body tags is illegal.

Comment 6

[Boris Zbarsky [:bzbarsky]]

I should note that in quirks mode we do the "base on window" sizing.  But in standards mode we follow the spec.

I should also note that test builds of Safari 4 render like we do, and so does Opera.

So if you really need to rely on this behavior you'll need to use quirks mode.

Comment 7

[type]

Ok i played a little with this.
Thanks for your tipps.