On 12/9/05, Jonathan Carter [EMAIL-REMOVED]> wrote:
> I have a test page at the following URL:
> 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:
Exactly what you want... just take apart the relevant CSS (layout) and
work with it.
christianmontoya.com ... rdpdesign.com ... cssliquid.com
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/