Sent by Don A. Elbourne Jr. on 25 September 2003 14:02
I'm working on a 3 Column layout. I'm wanting to know if it is safe for all
modern browsers. Feedback appreciated.
http://elbourne.org/css/3columns.html
http://elbourne.org/css/3columns.css
I have floated the left column to the left and the right column to the right
and given them each a 12em and 14 em width, respectively. I then set the
center width to auto and set the margins to correspond with the em width of
the two side columns. The side columns are relatively fixed and the center
column is fluid. Here is the stripped down version of the CSS:
#header{}
#content-wrap{clear:both;}
#content-sub-1{ width:12em; float:left;}
#content-sub-2{ width:14em; float:right;}
#content-main {
margin: 0 14em 0 12em;
padding: 0 1em 2em 1em;
width:auto;
}
#footer{clear:both;}
I'm assuming there is some "gotcha" with this simple design, but it works
for me in IE6/Win and Mozilla.
Don A. Elbourne Jr.
http://elbourne.org
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/