s.ross wrote:
>On 4/7/06, Christian Montoya <[EMAIL PROTECTED]> wrote:
>
>
>>[...]
>>body and html need to be 100% too, since they are the containing blocks. So:
>> html, body { height:100%; }
>>should fix your problem.
>>
>As well as this seemed to be working this morning, it is equally not
>working now. Hmmm. Moz and Safari on the Mac interpret 100% to mean
>the window size when you browse to the page. IE/Win seems to be doing
>the same. I'm just not getting something.
>
>I've simplified the problem and put it on:
>
>http://www.calicowebdesigns.com/css_sample/index.html
>
>The css is in the html file so you can see.
>
>Desired behavior:
>
>green div extends to bottom of content that it encloses (the lorem ipsem
>stuff).
>yellow div also extends to bottom of green div because it encloses that
>
>Observed behavior:
>
>size of both yellow and green divs are calculated at 100% of body (the
>window size) when the page is loaded, rendering something other than
>the desired results.
>
>Any tips as to where I'm going wrong with this?
>
>
Hi all,
Under Win98SE I see a difference between the original Travsavvy-example
<http://www.travsavvy.com/> and the Calico-example
<http://www.calicowebdesigns.com/css_sample/index.html>.
In the Travsavvy-example the text is descending under the
white-background box in both IE and FF (enlarging font-size in browser).
In the Calico-example the text is (still with 100% height of html and
body) overflowing in FF; in IE the green box is elastic.
More differences: Travsavvy-example is not valid XHTML 1.0 Transitional
'cause of 43 errors, Calico-example has only 1 error: required attribute
"type" is not specified in <style>. - But correcting this one doesn't
influence the appearance.
Adding a clearing-div for the floats and adapting the height-styles
(some ommited, some made a min-height) seems to help.
See small testbattery
<http://home.tiscali.nl/developerscorner/css-discuss/test-3col-1.html>.
And don't forget the Wiki [1]! :-)
Greetings,
francky
[1] http://css-discuss.incutio.com/?page=ThreeColumnLayouts
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
