On Mon, Aug 22, 2011 at 12:57 PM, Lisa Frost <[email protected]> wrote: > The green bar (mainMenu) should be below the white menu (topMenu)in this > design: > http://www.mycfoasia.com/dev/ > > css:http://www.mycfoasia.com/dev/css/mycfo_mainstyles.css > > I thought putting a clear:both on #topmenu would work: > > #topMenu { > float: right; > color: #FFF; > width: 600px; > margin: 40px 0 10px 0; > clear:both; > } > > But i can't get anything to push it down. > Any pointers appreciated thanks
Like G.Sørtun said... But you asked why... It's because the clear property specifies where floating elements *other than* the current element cannot appear. So, the way you had it set, #topMenu wouldn't have any floating elements beside it, but #mainMenu isn't floating, so it isn't affected. Setting clear:both on #mainMenu, as G.Sørtun said, says that #topMenu can't be beside it because #topMenu is the floating element. > Lisa ______________________________________________________________________ css-discuss [[email protected]] 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/
