4 replies [Last post]
aye
Offline
Regular
Last seen: 13 years 31 weeks ago
Joined: 2007-03-30
Posts: 13
Points: 0

hi everyone!
im creating a new layout for my website, but have come across a very bothersome problem here. it seems like mozilla (ie7 and opera works fine) adds a top-margin for my menu list, even though ive added margin: 0 to all affected elements..
here's the current css source: http://btdig.com/test/style.css
and the html file: http://btdig.com/test/index.php

any help with this would really make me glee Smile

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 13 years 18 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

what are you talking about,

what are you talking about, i dont see anything.

its your padding thats making the menu move, not the margin.

aye
Offline
Regular
Last seen: 13 years 31 weeks ago
Joined: 2007-03-30
Posts: 13
Points: 0

i see.. but what is making

i see.. but what is making the difference in the vertical placement then? (thought mozilla added a top-margin on all the block elements)

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 47 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

It's collapsing margins on

It's collapsing margins on the h1 (which IE is handling incorrectly). Simply change the padding on #content #header from 0 to 1px 0 0 0; (and reduce the height by 1px).

aye
Offline
Regular
Last seen: 13 years 31 weeks ago
Joined: 2007-03-30
Posts: 13
Points: 0

thank you very very much for

thank you very very much for this. you have no idea how frustating this thing has been for me Tongue