4 replies [Last post]
jarred
jarred's picture
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-11-24
Posts: 3
Points: 0

hi there. i'm currently creating my first css page by hand. everything was going well but it seems i've got a small problem. this should be an easy question.

in firefox, the page renders as expected:

in ie however, i get this mystery margin above the text:

the page itself can be found here -

http://www.jarredwagner.com/ss/ - any of the navigation links will take you to the stylesheet.

i have no idea why this is happening. i actually had content columns and a footer coded, but i couldn't get rid of this problem. so i stripped her down and still no dice. i tried searching for answers but it appears there is a big css world out there and i don't even know what i'm searching for - so i had little luck. any help you could offer would be mot appreciated.

thanks, jarred.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 30 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Try adding a line-height

Try adding a line-height equal to your height on #divider.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jarred
jarred's picture
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-11-24
Posts: 3
Points: 0

thanks for the reply tyssen.

thanks for the reply tyssen. i just tried this and it doesn't seem to work.

any other ideas?

thanks again.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 30 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Why not lose the extra

Why not lose the extra #divider div and just add the bg-image to #content?

#content { background: url(img/div.gif) repeat-x; padding: 10px 0 25px; }

(Or to #header instead.)

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

jarred
jarred's picture
Offline
newbie
Last seen: 14 years 24 weeks ago
Joined: 2006-11-24
Posts: 3
Points: 0

well well well. i removed

well well well. i removed the empty "divider" DIV and it fixed it right up. i just added the divider image to the content DIV as suggested and was able to get an identical look. cool. thanks!!!