On Jun 29, 2006, at 4:59 AM, Bruce Gilbert wrote:
> I am trying out a layout using floats and margins with multiple
> columns and in mozilla browsers the third column in the bottom half of
> the layout is dropping (the one labeled portfolio) and the only way I
> can push it up is through a negative margin top for that column. I
> know there is a better fix though and I need to find tthe cause of the
> drop first. Also I know everything is screwed up in IE and I will get
> to fixing that later, but first I want everything to work in FF.
>
> The link is http://www.inspired-evolution.com/layout_test.php and the
> CSS is at the top.
Actually Gecko (Firefox) does a *VERY* serious mistake by positioning
the contents of the top right column (#col2) where it does. Have a
look at Opera or Safari to see what *should* happen.
#col2 is only 15em and is not floated, hence the contents of that div
should drop down below the left column (#col1). If you replace the
list (<ul>) inside of #col2 with a <p> then Gecko comes back to
correct display.
If your intend is to have #col2 only 15em wide, then you should float
it (float:right;). Otherwise, don't set the width, and work with
margins.
As for your question, if you want a 3 columns display: float all 3
columns (and adjust the margins).
Some thing like this
#left_col, #center_col {float:left;}
#right_col {float:right;}
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
