I need a liquid layout with a fixed header and footer, a 200px left side nav, and a scrollable content area. FF3 and IE6 compatible (unfortunately).

I've been googling around, but nothing seems definitive and up-to-date.

2 answers


What you've described sounds easy enough... Here's an article about getting around some of the problems with position:fixed in Internet Exploder 6: http://ryanfait.com/position-fixed-ie6/

Answered over 9 years ago by Dwayne Anderson
  • hmm... IE is sadly my main target, so if that technique is just using position:absolute for it, I'm not sure how much good it does me. Also, I don't want a full-height scrollbar -- I want a full width header and footer, with a scrollable region between them. (Actually, the layout is a little more complex, but that's the basic description.) sprugman over 9 years ago

it sounds an awful lot like your client wants an old-school frameset style website. advise them out of it! it's generally not recommended to take up screen real estate with header AND sidebar AND footer all the time.

Answered over 9 years ago by Andy Zhang
  • Yes that's the design. Whether it's recommended or not really depends on the details of the user-base. In this case, we can be pretty sure that they'll all have large enough monitors that 150px on the top and bottom and 200px on the side are probably fine to waste. sprugman over 9 years ago