On 2/12/07, Blake <[EMAIL PROTECTED]> wrote:
>
> html, body {
> height: 100%;
> }
>
> #container {
> width: 710px;
> min-height: 100%;
> margin: 0 auto;
> }
>
> #inner-container {
> position: relative;
> min-height: 100%;
> }
>
> #footer {
> position: relative;
> padding: 30px 20px;
> margin-top: -99px;
> }
The simplest solution I have found is at
http://test.riczho.dyndns.org/fullheight/index.html. All you would have to
change is to put another div inside #footer (#footerLiner) and style them
like this:
#footer {
position:relative;
height:4em; /*needs a fixed height*/
margin-top:-4em;
}
#footerLiner {
padding:30px 20px; /*put padding here so it doesn't mess with the
height in #footer*/
}
And add a conditional comment in <head> to fix IE:
<!--[if lt IE 7]>
<style type="text/css">
#container {
height:100%;
}
</style>
<![endif]-->
Hope that helps,
Andy
______________________________________________________________________
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/
