I'm sure this question gets asked fairly often, though I tried searching the 
archive but could find anything - probably because it's difficult to compress 
into a short summary.

If I have something like:

<body>
  <div class="navigation">...</div>
  <div class="content">...</div>
</body>

How can I have "content" take up all of the remaining vertical slack - i.e. the 
height of the viewport minus the height of the top div?  Is there a way to do 
this that involves constraining the height of the top div?  Is there a way that 
doesn't?  If "content" has height: 100% (I'm testing with Firefox in 
standards-compliance mode, I also added a rule that sets the height html & body 
elements to 100%) then it assumes the height of the entire viewport (which I'm 
sure is what the specification says), it seems, so I get a vertical scrollbar, 
which is not the intended effect.

Thanks,
Moe Aboulkheir
______________________________________________________________________
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/

Reply via email to