TwentyEleven: Sidebar shifting below main content in IE

  • Topic title pretty much sums it up. In Internet Explorer – and ONLY in Internet Explorer – my left side bar is being shifted to beneath the main page content. And even in IE, it’s only happening on certain pages. For illustration: https://wp.massosteopathic.org/?page_id=781

    Works fine in Firefox, Chrome, Safari and Opera so I’d like to target a fix that won’t impact the other browsers, if possible.

    If anyone has any insights, I’d appreciate ’em ??

    Thanks!

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What’s with the 100% width on <div id="primary">? There’s a likely cause to your issue.

    Thread Starter nkatz

    (@nkatz)

    That property is being set in the parent theme file. I haven’t changed it at all in my child theme.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Remove that widget you have sitting in-between your primary and secondary divs in the HTML structure.

    Thread Starter nkatz

    (@nkatz)

    I honestly don’t know to which widget you’d be referring. To the best of my knowledge, the only widgets I’m using are in the left sidebar.

    All I noticed when I took a look at the ‘News’ page code was a pair of matched but empty h2 tags at the very end. I removed them and the ‘News’ page was suddenly displaying correctly in IE (9, by the way). At least on MY desktop. A colleague is still seeing the displacement on the ‘CME’ page…though I am not.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Ask your colleague which browser version the issue occurs in and whether the your colleague’s browser has been cleared of its cache since your IE9 fix.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘TwentyEleven: Sidebar shifting below main content in IE’ is closed to new replies.

Tags