The reason that the margin-top on the div#footer has no effect on the
floated div#content and div#side is floated boxes are not in the flow
and are therefore "invisible" to other block boxes.

You have three options to create the 10px gap:
div#content , div#side
{
 margin-bottom:10px;
}

Or:
div#footer
{
  position:relative;
 top:10px;
}

Or you can float the div#wrapper and div#footer:
div#wrapper
{
 float:left;
}
div#footer
{
 float:left;
width:100%;
margin-top:10px;
}

~Chetan
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to