Posted by Mitja Trampus on 11/01/05 16:34

Muffinman wrote:
> Howdy,
>
> A while ago I created a little website which has a little problem. I
> have defined all layers and frames in percentages, so if somebody
> reduces the size of the browser, it still looks fine. This works very
> well in Mozille and alike. However, in Internet Explorer 6 it doesn't.
>...
> <style type="text/css">
> #frame_menu {
> position: absolute;
> height: 80%;
> }
> </style>
> <iframe src="5004230661" id="frame_menu" name="frame_menu"
> scrolling="auto" marginwidth="0" marginheight="0" frameborder="0"></iframe>

"height: 80%" means "make that 80% of the parent element".
The parent element, however, is body, and according to
specs, height of the body is that of the contained elements.
In your case the only elemnet contained within body is
iframe which takes up 0 height (because it's absolutely
positioned), so the iframe itself is made 0 times 80% tall.

To achieve what you want:
1) set body's height to 100% (of its parent, the html element)
2) set html's height to 100% (has no parent, so setting this
causes the element to span the viewport)

Mitja

[Back to original message]