Jeff,
On Aug 20, 2005, at 10:31 PM, Jeff Chastain wrote:
I am working on a new layout for an application. The layout is a 2
column layout ... the left column is a 210px column floated left and
the right column has a 210px left margin. The right column ( div
id=mainPanel ) displays correctly ... i.e. at up against the header to
the right side of the left panel. The problem I am running into is
that the content of the right column drops down below the content of
the left column even though the column itself is placed correctly. I
have tried a variety of clearing options, but nothing seems to work.
This is probably something basic, but I am not seeing it tonight.
Can anybody see what is wrong?
http://www.fbxsolutions.com/projects/ca/administration/account/
commProfile.cfm
Removing clear: both; from fieldset in general.css will fix this page,
but may cause problems elsewhere. I usually try to avoid adding floats
or clears to selectors that are that generic.
To quote Zoe from last May
"This is because clear applies to all previous floats that are in
the same block formatting context [1]. Luckily, you can create a new
block formatting context for your main content are by floating it as
well. Then any clears you apply to its children will only affect
elements within the main area, instead of clearing the left nav as well.
Zoe
[1] http://www.w3.org/TR/CSS21/visuren.html#flow-control,
http://www.w3.org/TR/CSS21/visuren.html#block-formatting
"
hth
Roger,
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
