css question...

[captain spanky]

i have a layout, but i can't get it to do what i want...

the layout looks similar to this:
http://www.intensivstation.ch/files/images/layout/layout_07.gif
but i'm wanting the header and footer to be fixed in height and location and the centre 3 columns to be dynamic in height... is it possible to kind of 'stick' the footer to the bottom of the page?

[Drazan]

<div class="header"></div>
<div class="container">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
and css

.footer {
height: 40px;
text-align: center;
}

Other than that - not sure what else you need. Just assign the css width or height. You won't be able to use the height: 100% for the middle parts because browsers don't recognize it.

[chris_bcn]

Getting the footer to stick to the bottom of the page is a tricky beast - here's the best way I have found:

http://www.themaninblue.com/writing/perspective/2005/08/29/

On another note - I really wouldn't call your divs left, right etc. as they have no semantic meaning - what happenes if you want to swap them for example. Content, sub_content, seconary_content or something would be preferable

[Drazan]

Getting the footer to stick to the bottom of the page is a tricky beast - here's the best way I have found:

http://www.themaninblue.com/writing/perspective/2005/08/29/

On another note - I really wouldn't call your divs left, right etc. as they have no semantic meaning - what happenes if you want to swap them for example. Content, sub_content, seconary_content or something would be preferable

just illustrating the example - not a litteral how to do.

- totally missed the concept he was talking about it seems. oh well. serves me right for posting that early.