3 column layout in CSS
Posted: Fri Oct 10, 2008 10:55 pm
I have reada few articles on ALA and others but none seem to address my concerns...
Basically I have three, fixed width, variable height columns which sit inside a container that also houses a header and a footer.
I could float, using positioning or maybe display inline however each has it's disavnatages.
If I float (memory serves me correctly) then the columns will bleed over (or outside of the column area on to the footer, which is not desired.
If I display inline I seem to lose all control over the width of the columns.
If I use positioning...it feels hackish.
What technique can I use given three variable height, fixed width columns that cannot overlay a footer??? Article resource would be nice or if you have any ideas?
Cheers,
Alex
Basically I have three, fixed width, variable height columns which sit inside a container that also houses a header and a footer.
I could float, using positioning or maybe display inline however each has it's disavnatages.
If I float (memory serves me correctly) then the columns will bleed over (or outside of the column area on to the footer, which is not desired.
If I display inline I seem to lose all control over the width of the columns.
If I use positioning...it feels hackish.
What technique can I use given three variable height, fixed width columns that cannot overlay a footer??? Article resource would be nice or if you have any ideas?
Cheers,
Alex