Support » Fixing WordPress » IE7 Twenty Eleven Child Theme Menu Center

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I can’t see what you mean in IE7 on Windows, which menu are you referring to? Can you post a screenshot of the problem?

    Generally

    Centring in Internet Explorer versions below 8 doesn’t comply with margin: 0 auto; as with other browsers.

    You need to use a CSS hack to circumvent this.

    To the element you want centred;

    • Apply text-align: center; to the parent element.
    • Apply text-align: left; to the actual element and possible other siblings.

    text-align: center; is not working as expected for the menu in IE7.

    Screenshots:

    Top menu in IE9

    Top Menu in IE7

    Oddly, if I apply the text-align: center; style to the HTML element, everything centers, except the menu!

    I just figured this is out:

    Added:

    #access div {
    	margin-left: 2%;
    	margin-right: 2%;
    }

    to child theme stylesheet. Had to play with the percentages…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘IE7 Twenty Eleven Child Theme Menu Center’ is closed to new replies.