In our last episode,
<11**********************@g47g2000cwa.googlegroups .com>,
the lovely and talented Andrew
broadcast on comp.infosystems.
www.authoring.stylesheets: I've been struggling to achieve the following layout for some time now
and I'm not getting anywhere. I've tried several approaches including
floats & absolute positioning and none seem to work, primarily due to
the footer not being aware of the columns due to me floating /
positioning them.
I have the following (very simple) markup:
<div id="head">...</div>
<div id="left">...</div>
<div id="center">...</div>
<div id="right">...</div>
<div id="footer">...</div>
The left and right columns are fixed width (px) and the center column
needs to take up whatever width is left over. All three columns need to
be the same height. The footer needs to run across the whole width of
the page underneath the 3 columns.
Can anyone suggest a layout stylesheet that will accomplish this as I'm
out of ideas :(
google for skidoo too or go directly to:
<http://webhost.bridgew.edu/etribou/layouts/skidoo_too/>
The header and the footer are no problem. The basic strategy
for the three columns is to make *huge* borders for the middle
column and put the right and left columns on them. A couple of
small css hacks are necessary to make it work in IE 5, and some
of the features in the sample page have to be done very
carefully because of IE 5 bugs in list elements, but otherwise
it is nearly foolproof and table layout free. If you are using
fixed-width side columns it will, of course, break when the
window is smaller than the sum of the side columns, but in
general it is without a doubt the best three-column solution I
have seen.
You can see examples of various adaptations by going to the
under-construction site in the sig.
--
Lars Eighner
us****@larseighner.com http://www.larseighner.com/
War On Terrorism: Joe McCarthy Brigade
"The decadent left in its enclaves on the coasts is not dead -- and may well
mount a fifth column." Andrew Sullivan, _The New Republic_