Header img is not centered in IE9 (4 posts)

  1. igorlaszlo
    Posted 3 years ago #


    i use twentyeleven child theme and everything is fine with FF, Chrome and Safari, only with that terrible IE9 that my branding img is deplaced to the right... i would like it centered, is here someone who can help me pls ?


  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    I'd remove the header HTML out of the <div id="page">.
    Then I'd move the padding from the <body> onto <div id="page">.

    Just for future reference, avoid using negative margins if you want a browser-compatible website.

  3. igorlaszlo
    Posted 3 years ago #

    Thanks for the reply !

    I did what you suggested, i changed the margin left & right to auto as well... but it became worth because :
    1) on FF, the header became completely fixed, even with the screen resize (for example from right to left),
    2) on IE, the whole body has moved to right...

  4. igorlaszlo
    Posted 3 years ago #

    Is the problem coming from the display:inline-block ? Does IE9 has a problem with this code ?

Topic Closed

This topic has been closed to new replies.

About this Topic