On Tue, Nov 3, 2009 at 8:46 AM, Birdie <b...@koolfish.com> wrote: > Hi, > > I need space between the top of my h1 (Fund Raising dinner header) and the > red menu bar. > > > > In IE 6 I can achieve that by adding 15px of padding to my h1 rule. > > However this has no effect in safari or firefox. > > I've tried lots of combinations of padding and margin and if I put a huge > number in the padding say 50px then firefox will nudge it down but then IE > it's a quarter down the page. > > > > I am just perplexed as to why firefox and safari are ignoring the padding > setting. > > > > Page: http://www.koolfish.com/test/index.html > > Css: http://www.koolfish.com/test/css/mainstyles.css (h1, p, etc styles > at the bottom of the css file) > > > > Thanks > > > > Lisa > > The problem is because your divs with ids of #mainmenu, #sidebar, #masthead and #donations are all floating but your #maincontent div isn't so that is causing it to basically bleed into your maine menu. so when you are setting your padding it is essentially starting at the top of the #mainmenu and not the #maincontent which is where you want. you can set a width on your content div and float it.
also if you look at your ul inside of #mainmenu you'll see that it's collapsing. this is because you have a non floated element inside a floated element. so it throws off the height some. if you highlight the elements in firebug you'll be able to see better. this is a good article on clearing floats. http://www.quirksmode.org/css/clearing.html hope that helps. cheers, Jeff ______________________________________________________________________ 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/
