Liquid layout with 100% height scrollable container

Hello,

It might have been asked before but since I could not find a reference
here's my qustion:

I want a liquid layout similar to this one:
http://www.alistapart.com/d/negativemargins/ex5.htm

but with the footer fixed at the bottom and the content in a
scrollable area.

I was able to tweak the file easily to show the content in the
scrollable area ( by setting overflow:auto; for the "main" div
height:100% for body and "outer_wrapper", "container" and "main"
divs).

But I've had no success in getting the footer to stick to the bottom.

This design is for a web application, so I see how it might have
different style needs than a web page. Any ideas?

Thanks,
sebif

On 1 Dec 2004 15:15:14 -0800, SebiF <sebif (AT) yahoo (DOT) com> wrote:

Hello,

It might have been asked before but since I could not find a reference
here's my qustion:

Which of the at least 3 newsgroups you've multiposted to would you like
your answers in?

Neal <neal413 (AT) yahoo (DOT) com> wrote

On 1 Dec 2004 15:15:14 -0800, SebiF <sebif (AT) yahoo (DOT) com> wrote:

Hello,

It might have been asked before but since I could not find a reference
here's my qustion:

Which of the at least 3 newsgroups you've multiposted to would you like
your answers in?

Hi Neal,

ok, so that's how it's done!
now I don't have to copy & paste my next question separately in 34
newsgroups

back to the original question, I belive I have found the CSS design I
was looking for:

http://www.stunicholls.myby.co.uk/layouts/body4.html

SebiF wrote:

back to the original question, I belive I have found the CSS design I
was looking for:

http://www.stunicholls.myby.co.uk/layouts/body4.html

Please, no.

Have you tried to scroll your content divs with the mouse wheel?

Have a look at some of the sample templates here.

http://nemesis1.f2o.org/templates

These are a couple nice ones, that you should be able to incorporate
your design into:
http://www.benmeadowcroft.com/webdev...ft-column.html
http://bluerobot.com/web/layouts/layout1.html

Notice also how the menus come /after/ the content text? That's so
screen readers don't have to read your menu first on every page.

Don't use a definition list for a menu, use a <ul><li>, properly styled.

--
-bts
-This space intentionally left blank.