Loosing my centering in IE only

  • Resolved bnther

    (@bnther)


    14 years, 3 months ago

    The page looses center when a sub-menu is selected. The pages that I’ve built, Home thru Join, all stay centered. However, Member categories Auto ect or Galleries(on the right hand side), kick the page all the way over to the left. Everything inside the canvas stays where it should, but the canvas itself looses center. Click Home and it returns to center.

    I tried using the same loop as the Home page in my index file, but the problem remains — for IE only.

    Validating flags only the Google fonts.

    Here’s the link: https://gtworkspace.com/otsego/category/galleries/auto

    Any help would be appreciated. : )

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    Try:
    -deactivating ALL plugins temporarily to narrow down and possibly fix the problem . If the problem goes away, activate them individually to find the culprit?

    -switching to the default theme (Twenty Ten) for a moment by renaming your current theme’s folder in wp-content/themes. The idea is to force WordPress to fall back to the default theme to rule out any theme-specific issue?

    Thread Starter bnther

    (@bnther)

    t-p

    Thanks for the reply : )

    I turned off the plugin (lightbox) and switched back to TwentyOne for the theme. Twenty One worked just fine and my theme is still shifting left with lightbox turned off so it’s definitely my code.

    I’m trying to think this through, maybe if the canvas didn’t have a closing tag it would shift to the left? But I have the closing canvas, body and html all included in the footer and footer is definitely in the index.

    The only files that would affect this would be header, index, footer, sidebar and function, right?…I think that’s all of them. But why no validation errors and why only IE and why only on the custom menu’s? Why not <?php wp_list_pages('title_li='); ?> only <?php wp_nav_menu( array( 'theme_location' => 'member-menu' )); ?>

    I guess the more efficient way of thinking is what causes a loss of margin:0 auto in IE?

    On the pages that aren’t centering, you have <!-- header --> at the start of the document which is causing IE to render in quirks mode instead of IE 8. Removing that comment will solve the problem.

    If you want to center pages in quirks mode for people that still uses ancient IE, add text-algin: center; to body { ... }.

    Thread Starter bnther

    (@bnther)

    Joseph

    OMG!

    That’s it! I can’t hard believe that. Even though it was commented out. A thousand thanks for that one! I really appreciated it.

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Loosing my centering in IE only’ is closed to new replies.