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.
Try adding a line-height
Try adding a line-height equal to your height on #divider.
thanks for the reply tyssen.
thanks for the reply tyssen. i just tried this and it doesn't seem to work.
any other ideas?
Why not lose the extra
Why not lose the extra #divider div and just add the bg-image to #content?
background: url(img/div.gif) repeat-x;
padding: 10px 0 25px;
(Or to #header instead.)
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!!!