-----BEGIN PGP SIGNED MESSAGE-----
Thor typed furiously:
TL> Hi list,
TL> So what am I looking for? 3 columns with equal height, in the
TL> reuseable classes. I have no problem in surrounding the columsn
TL> container element, as long as it is either relatively or non
TL> left and right columns could have the same background-color for
all I care,
TL> though separate colors would be a nice surplus.
TL> Any ideas? :)
I've been playing with this layout and it seems to work using IE6,
Moz 1.1 and Opera 6 (all PC):
http://www.thedrum.f9.co.uk/css/3col.html (minimal styling, so I
know if adding stuff to it will break it)
It's probably not the complete solution that you're after but
it may spark someone off with a better answer. It uses ems so it
should be fairly flexible.
I'm on holiday atm so I've not been able to test on anything less
but the simpler 2 column version _did_ work on an IE5 PC at work
(though since I've changed it, this may mean nothing) :
I've never tried it on ver4 browsers (the use I have for it at work
survive them being fed basic styles) and I assume they will have
The basic idea is to use floats, since you can clear them and place
footer under the clearing element. The floats have no background
but are relatively positioned in 'columns' formed by divs stretching
the content and the clearing BR.
IIRC there was some discussion a while back about whether relative
postioning of floats was good practice but since the current browsers
I thought I'd exploit it.
PS Hi all! :)
-----BEGIN PGP SIGNATURE-----
Version: PGP 6.5i
-----END PGP SIGNATURE-----