Padding different in IE and Firefox

  • Resolved realepicurean

    (@realepicurean)


    18 years, 2 months ago

    Hi guys,
    I’ve turned my site logo into a link in my header. In firefox, the linked section is in the right place. In IE, it’s about 30px lower (something to do with the padding, I assume).

    I have no idea how to resolve this. Anyone have any ideas?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Use a conditional comment to serve up a different style for IE. Happens all the time, because IE *does* read paddings differently than standards-compatible browsers.

    Thread Starter realepicurean

    (@realepicurean)

    I resolved this by adding “margin: 0” to the tags.

    Welcome to the world of cross-browser problems. ??

    Start your css off with:


    * {
    margin: 0;
    padding: 0;
    }

    and try to avoid putting width and left / right padding, or height and top / bottom padding, and IE renders almost everything fine…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Padding different in IE and Firefox’ is closed to new replies.