3 col CSS
- Started
- Last post
- 4 Responses
- Mick
Anyone come across a good way to do a 3 column CSS layout with col1:fixed, col2:fluid, col3:fluid
eg.
|120px|50%|50%|
- jamble0
Just use this http://www.inknoise.com/experime…
- ********0
120px
+ 50%
+ 50%
________________
= 100% +120pxNo way that's gonnae wurk.
some CSS links...
http://www.newstoday.com/pv-an/v…
- monNom0
this is probably close to working, but with some bugs cause I'm not actually going to test it.
make a container div with 100% width.
make a sidebar div inside the container with 120px width and align left, float right.
make another container div inside the main container (but below so it will float right)and place two more divs (your columns) inside that with 50% widths on each and tell column two to float column three to the right.I think that's how I tackled a three column layout once... seems like a hack, but nothing else was working.
tables might be easier.
- monNom0
here's an example you can pick apart