On 12/9/05, Jonathan Carter <[EMAIL PROTECTED]> wrote: > I have a test page at the following URL: > http://www.epiphanize.com/TestLayout.htm > > As you can see I'm trying to use absolute positioning to design the > layout of this test page. In FF this is achieved somewhat nicely, except > that the left and right columns only scroll to the bottom of the > viewport, not the page. In IE, the left and right columns don't even > stretch to the bottom of the page. Can anyone please lend some of their > knowledge to me? I'm trying to fully understand how to implement this > type of design. Thanks so much.
height:100% means viewport, not content. And it doesn't work in IE. That's why you get those problems. Don't specify a height and it will stretch just fine. If you want it to fill the viewport even when there is not content, well, you might be asking for too much. You can give min-height, but it's pointless. > > P.S. If there is a better approach to this then absolute positioning, > please let me know, it just was the best way I could think of to achieve > the fixed height header, fixed width left, and fluid width content. Well, I would suggest you look at a good layout, see what the designer did, and learn to use the same techniques as you start doing the same: http://webhost.bridgew.edu/etribou/layouts/skidoo_too/two_columns_left.html Exactly what you want... just take apart the relevant CSS (layout) and work with it. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
