CSS div height 100%

[jaschreiber]

i'm writing this only because i spent a good two days endlessly trying
to solve this problem and couldn't find anything on the internet that
actually helped. I eventually figured out the solution, as no doubt so
does everyone (hence the solution never actually being posted: it seems
too obvious to bother)... but had i found it sooner, i would have been
happy, so here goes:

if you're trying to get a CSS div to span the total height of the
window and scrolling is likely to be involved (for instance, a menu
sidebar), don't use the height: 100% tag! set margin-top: 0px and
margin-bottom:0px.

 

[dorayme]

i'm writing this only because i spent a good two days endlessly trying
to solve this problem and couldn't find anything on the internet that
actually helped. I eventually figured out the solution, as no doubt so
does everyone (hence the solution never actually being posted: it seems
too obvious to bother)... but had i found it sooner, i would have been
happy, so here goes:

if you're trying to get a CSS div to span the total height of the
window and scrolling is likely to be involved (for instance, a menu
sidebar), don't use the height: 100% tag! set margin-top: 0px and
margin-bottom:0px.

Why use any height at all?

 

[pecan]

i'm writing this only because i spent a good two days endlessly trying
to solve this problem and couldn't find anything on the internet that
actually helped. I eventually figured out the solution, as no doubt so
does everyone (hence the solution never actually being posted: it seems
too obvious to bother)... but had i found it sooner, i would have been
happy, so here goes:

if you're trying to get a CSS div to span the total height of the
window and scrolling is likely to be involved (for instance, a menu
sidebar), don't use the height: 100% tag! set margin-top: 0px and
margin-bottom:0px.

Thank you. I was having problems like that, and also didn't get an
answer on another news group. Now you've solved it for me.

CM

 

[Neredbojias]

To further the education of mankind, (e-mail address removed) vouchsafed:

i'm writing this only because i spent a good two days endlessly trying
to solve this problem and couldn't find anything on the internet that
actually helped. I eventually figured out the solution, as no doubt so
does everyone (hence the solution never actually being posted: it seems
too obvious to bother)... but had i found it sooner, i would have been
happy, so here goes:

if you're trying to get a CSS div to span the total height of the
window and scrolling is likely to be involved (for instance, a menu
sidebar), don't use the height: 100% tag! set margin-top: 0px and
margin-bottom:0px.

Hmm. What if you just don't want any horizontal margins on the div?