Sent by Paula Petrik on 25 September 2003 19:07
Don,
Works a treat in Safari, but fails in IE 5.2.3. The center column drops
below the right column, leaving a large blank area. I was so hoping because
it looked so nice in Safari.
Paula
George Mason University
On 9/25/03 9:18 AM, "Don A. Elbourne Jr." [EMAIL-REMOVED]> wrote:
> 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/
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
