WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE7 Twenty Eleven Child Theme Menu Center (4 posts)

  1. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Can anyone with the ability to load the somewhat rarely used version of IE7 (on XP), review this site and help discuss why centering the menu is problematic, both horizontally and vertically?

    http://rye.seacoastwebservice.com/

    It works as designed in all browsers but IE7 on XP.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.
  3. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    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!

  4. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    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...

Topic Closed

This topic has been closed to new replies.

About this Topic