Sent by Zoe M. Gillenwater on 5 November 2004 13:01
Bob Easton wrote:
> Keith Purtell wrote:
>
>> I decided my site revision had too much cut-and-paste from tutorials
>> and not enough understanding of each step. So I now have a test page
>> with only a header and two columns. I'm trying to understand how to
>> make both columns go to full page height without some crude method
>> like a long string of line breaks. ...
>
>
> A page in our CSS-Discuss WIKI offers a number of techniques.
>
> http://css-discuss.incutio.com/?page=AnyColumnLongest
This page and its solutions will help with making the columns equal
length, but not necessarily making both fill the viewport. I thought we
had a wiki page about achieving 100% height, but I can't seem to find
it. If we don't, it certainly would make a good page, because questions
like this get asked fairly often!
Keith, the thing to know about percentage measurements, including 100%,
is that they need something to base their percentage off of. In this
case, you haven't specified how tall the body is. Adding "body, html {
height: 100% }" is usually the first step in working toward a
100%-height layout.
Zoe
--
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
