> To: CSS-Discuss
> Subject: [css-d] html, body {min-height: 100%} fails in Firefox & IE7
>
>
> Have a look at http://03.infocopa.com/apropos/vision.html .
>
> I've given 100% min-height (height for IE) to html and body.
> (body has the
> off-white background-color.) Unfortunately, on short pages like
> this, if the
> content is shorter than the window, the body won't extend all the
> way to the
> bottom. The problem shows up on Firefix and IE7, but not IE6.
>
> The only other container which I think could possibly be involved
> is body's
> immediate child, the #wrapper-main div. I tried giving it hasLayout and
> min-height of 100%, but that didn't do the trick.
>
> The site is going live soon. Any help is much appreciated.
>
A few things strike me here.
Don't need the html section
Put the font-size and height in the body as 100%.
Why put min height in the body?
Add a height definition in the main-wrapper. After all this is what you
want to be 100% in height, huh? The body will always be 100% - think about
it!
The wrapper can shrink or expand dependent on content .
No need to have wrapper-main positioned relative.
I would tend to write something like:
#wrapper-main{
width:
min-height:550px;
height:auto !important;
margin:0 auto;
}
which will work for IE6 and the better browsers.
This is nice site - but need to get the basics right.
Cheers
ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.14.12/545 - Release Date: 21/11/2006
22:36
______________________________________________________________________
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/
