Posted by julian.bash on 10/04/07 18:11

On Sep 28, 9:30 am, Ben C <spams...@spam.eggs> wrote:
> On 2007-09-23, julian.bash <misterio...@googlemail.com> wrote:
>
>
>
> > On Sep 23, 11:38 pm, Bergamot <berga...@visi.com> wrote:
> >> julian.bash wrote:
>
> >> > #middle { height:100%; margin-top:100px; margin-bottom:100px; }
>
> >> Wouldn't that would make the total height 100% plus 200px?
>
> >> --
> >> Berg
>
> > You're right, this works for me:
>
> > body { margin:0; }
> > div { position:absolute; width:100%; }
> > #top { height:100px; }
> > #middle { top:100px; bottom:100px; }
> > #middle { height:expression(document.body.clientHeight-100); }
>
> That "expression" thing is completely non-standard.
>
> > #bottom { height:100px; bottom:0; }
> > #bottom { margin-top:expression(document.body.clientHeight-100); }
>
> And that one isn't necessary anyway.
>
> Just make middle position absolute as well and give it top: 100px,
> bottom: 100px and height: auto.

Position: absolute and setting bottom- or right-values doesn't work in
ie.

--julian

[Back to original message]