Hi Heidi,
The support for CSS to stretch content vertically is a bit tricky
since CSS is unaware of the browser window's width and height, though
you could take steps to figure these values out with Javascript, but I
don't recommend it as there may be other alternatives:
-Have you tried applying height:100%; to your #whole_page section?
-Have you tried adding position:absolute;top:0px;left:0px; to your
body section?
I'm not sure if either of these would help, but they are worth a shot.
I haven't had a chance to check it out myself, but when I get in
tonight I'll take a look at some other possibilities.
-Zak
On 11/16/06, Heidi Langeneckert <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Im am fairly new to CSS. Thi is my issue:
>
> My design is fairly simple, I just want my content centered in the middle
> vertically, and stretch 100% from top to bottom. I put this in my css to do
> this,
>
> body, html {
> margin: 0;
> height: 100%;
> }
>
> So this works on my Mac in firefox and safari but not in IE5 on the mac nor
> IE7 on a pc. Is there a work around for this? You can view my problem in
> action by visiting here:
>
> http://www.transmediacorp.com/test/index2.html
>
> Thank You - Heidi
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- 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/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/