Previous Message
Next Message

Re: 100% height

Sent by Ira S. Mark on 1 December 2003 20:08


List: First of all, Michael has been a good deal of help in suggesting 
codings for this piece of troubling html/css:  
www.ismdesigns.com/test/about.htm . (More than I can say for the rest of 
you. Grumpf. Grumpf.) The problem at issue is how to define a child of 
the body element to be the full height of the body, with answer "html, 
body,child{height:100%}". I am posting again to clarify, because in the 
back and forth, he shifts his understanding. He initially gives the 
view, "Apparently Mozilla, Opera, and Safari see the viewport as the 
containing block of the html element ...." His latest response states 
that there are times when the html element will overextend the viewport.

For the css definition "html{height: 100%;}", the question is, What is 
100% in reference to? The scripting  model document.documentElement 
comes to mind as a parallel, but frankly I am over my head. One approach 
is to code intuitively, and if it works, fine - nothing wrong with that 
- but in this case I am looking to understand by definition how my css 
for html and body relate to specs (and proprietary implementations). All 
answers and thoughts appreciated, Ira.

Michael Ryznar wrote:

>>Apparently Mozilla,
>>Opera, and Safari see the viewport as the containing block of the html
>>element, so stretching the html element to cover the viewport [that is,
>>html{height:100%;}] also stretches its child elements."
>>    
>>
>
>
>Hello Ira, <snip></snip> I think what they are "trying" to say is
>  
>
>something like this:
>
>the viewport contains the html,
>the html contains the body,
>and the body contains the contents.
>
><snip></snip>
>
>And yes, there may be times when the body element and the html element will
>over extend past the viewport. ... <snip></snip>
>  
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: