Grow your CSS skills. Land your dream job.

Div height diff. between IE and Safari

  • # December 1, 2009 at 6:44 pm

    Hello!
    I am creating a website for my brother at http://www.yellowstonepm.comI used some of the css that I learned on this site – I’m learning as I go so I know the site isn’t perfect…BUT I’m having some problems with Safari (and FF) displaying div’s differently than IE.
    Along the bottom of the page, there is a black box with company name, on the left, and then the menu rectangle box next to it. In Safari and FF, the bottom edges of these boxes align. In IE, they are about 1-2 pixels off. If I get them lined up in IE, it looks wrong in Safari/FF, if I get them lined up in Safari/FF, it looks wrong in IE.
    I assume the answer probably has to do with padding or margins, but I just cant figure it out. I’ve asked for some help at a few other sites that have told me not to use tables at all…but I thought to get the full page background effect I needed to use these tables.
    Thanks so much for your help!~ :D

    # December 2, 2009 at 12:49 am

    try adding this to your css

    * { margin 0; padding: 0 }

    add it at the very top of your css

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".