WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] twentyeleven 2 column not working in IE8 (16 posts)

  1. airujo
    Member
    Posted 1 year ago #

    hi,

    i'm hoping someone can help me because i'm ready to pull my hair out *arg* i can't seem to find a way to get the twentyeleven layout to properly display 2 columns in IE8. the content keeps pushing the right column down. i spent hours messing around with deactivating widgets and experimented with width, margin, padding, float and clear on #content, #primary and #secondary - all to no avail. see the undesirable result here (obviously you'll need to look at it in IE8): http://suited.myomnipod.com.

    any help is appreciated! thanks!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

  3. airujo
    Member
    Posted 1 year ago #

    thanks WPyogi, i found one unclosed "a" tag, but that didn't solve the problem. all other errors that show up are unrelated to the div column issue. any other ideas are really appreciated!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sounds like a width issue, have you tried reducing one column down to 1px in width to see whether it resolves the issue?

  5. airujo
    Member
    Posted 1 year ago #

    thanks andrew, i tried that as well but it makes no difference. i tried using pixels instead of % but again, it's not working. it also makes no difference if i remove all margin and padding. i'm not a css novice at all and i'm really at my wits end here :(

  6. airujo
    Member
    Posted 1 year ago #

    this is currently my css code, i'm using \9 at the end to target IE8:

    #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    margin: 0 -250px 0 0\9;
    width: 100%;
    width: 1000px\9;
    }

    #content {
    margin: 0 25% 0 5%;
    margin: 0 200px 0 30px\9;
    width: 68%;
    width: 650px\9;
    }

    #secondary {
    border-left: 1px dotted #999;
    float: right;
    margin-right: 3%;
    margin-right: 20px\9;
    width: 18.8%;
    width: 180px\9;
    padding-left:2%;
    padding-left: 15px\9;
    }

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sorry, I can't experience your issue. Am I looking at the wrong section?
    http://snag.gy/0kTEL.jpg

  8. airujo
    Member
    Posted 1 year ago #

    sorry, i forgot to specify, you need to drill into an article, it works fine on the home page. i know that originally 2011 does not have a side bar on the single article, but i found a workaround and it worked just fine until recently. is it possible that the last WP update screwed it up?

    thanks for looking into this!

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you link the webpage with the issue?

  10. airujo
    Member
    Posted 1 year ago #

    i just restored WP 3.5 and it's the same, so it's not caused by the update to 3.5.1. i so badly wished for that to be the fix...

  11. airujo
    Member
    Posted 1 year ago #

    for example, visit http://suited.myomnipod.com/mike/diabetes-on-trial/ but it's really any article page.

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

  13. airujo
    Member
    Posted 1 year ago #

    did that already, so funny, every time you run this page it throws different errors...

    all the attribute, category tag and bad value errors are original WP code, so i'm disregarding it. "Element div not allowed as child of element span in this context." is caused by the social share widget which i disabled to see if that's the issue but it's not.

    i fixed the unclosed div error but it's still not resolving my issue.

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can no longer see the issue http://snag.gy/Cumha.jpg .
    Did you clear your cache?

  15. airujo
    Member
    Posted 1 year ago #

    i also removed one sidebar widget after the other to check if any of them are responsible for the column being pushed down, but it makes no difference.

  16. airujo
    Member
    Posted 1 year ago #

    HALLELUJAH!!!! i checked it on somebody elses browser and it finally works! thanks so much for your help andrew!!! sometimes you don't see the forest for the trees...

Topic Closed

This topic has been closed to new replies.

About this Topic