Sent by Don A. Elbourne Jr. on 20 January 2003 16:04
As far as I can tell there are basically 2 methods of achieving a 3 column
layout using CSS, with several variations on each. The first uses absolute
positioning. Like:
http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html
Very nice, but if you want a header across the top as the example shows, you
have to define an exact pixel height for the div. This means you can not use
keyword sized text in there.
The second method of achieving a three column layout is to use three divs
all floated to the left. You can either have all the column widths fixed
using pixels like: http://glish.com/css/3.asp (very cool) or all three fluid
as the new W3C home page displays using %. http://w3c.org. The advantage of
these two methods is that you can have content above the columns without
disrupting their layout. I like that.
However, what if you want the flanking columns to be fixed, but the center
column fluid and still have a vertically fluid header div. Is their any
method where this would work?
#leftcontent{
float: left;
width: 150px;
}
#centercontent{
float: left;
width:???;
}
#rightcontent{
float: left;
width: 200px;
}
Any ideas?
Don A. Elbourne Jr.
http://elbourne.org
