WordPress.org

Support

Support » Themes and Templates » [Resolved] Sidebar dropping below content in IE7

[Resolved] Sidebar dropping below content in IE7

  • thewebologist
    Member

    @thewebologist

    I’ve read many of the postings discussing that same issue but I still can’t resolve the issue. I’ve tried all of the suggestions but can’t find the answer.

    It’s more than possible I’ve missed something with this being my first site launch and custom theme but please help me figure out what to do to get the sidebar appear as they do in Chrome, Firefox, Safari, IE8+.

Viewing 15 replies - 1 through 15 (of 21 total)
  • WPyogi
    Forum Moderator

    @wpyogi

    Have you validated your pages for errors? I’d guess that was suggested in other threads you looked at?

    Without seeing the site, impossible to give any further help.

    thewebologist
    Member

    @thewebologist

    WPyogi
    Forum Moderator

    @wpyogi

    No problem, sorry, that was actually my miss. Unfortunately, your layout seems to be put together in a very unusual way…so I’m not sure how to address the problem. Sidebars are typically all in one section — often floated to the side, but your lower section (the mortgage calculator) is separate from the top part.

    I don’t have IE7 but I looked at it in Adobe browser lab and it looks like the lower section is the part that is dropping. You might try floating it to the right and see if that fixes the problem – though you’ll need to adjust margins for that to work okay.

    Beyond that, what I’d really suggest is that you redo the layout…as is, I think you are going to have continuing problems with it, perhaps not just in IE. If you’re not experienced with layouts and CSS, you could dissect some other themes using Firebug to see how they are put together.

    thewebologist
    Member

    @thewebologist

    It’s only divs nested within an aside. Is that really likely to cause that much of an issue?

    Thanks for the help

    WPyogi
    Forum Moderator

    @wpyogi

    Did you try changing the float to right?

    thewebologist
    Member

    @thewebologist

    I have just tried it with no luck. As far as I can see there are no clears, float or width issues. Very confusing and frustrating

    How did check to see whether it was a width issue?

    thewebologist
    Member

    @thewebologist

    Removed widgets, added text only content, reduced width to 100px. Is that the best way to go about it?

    Reduce width to 1px to make sure.

    thewebologist
    Member

    @thewebologist

    Done that and the issue persists

    Which bit is your sidebar?

    thewebologist
    Member

    @thewebologist

    Sorry I’ve been playing around with a fix. It’s the Mortgage calculator and Recent Posts on the right of the majority of mortgages pages, e.g.

    You may have to float left your container, or move that sidebar within the container.

    thewebologist
    Member

    @thewebologist

    I’ve tried floating all div’s I can see involved left, and the *float:none, *display:inline and finally tried adding div{float:left; *float: none; *display: inline} and it still looks the same.

    When you say move it within the container what do you mean exactly? I’m relatively inexperienced, apologies

    WPyogi
    Forum Moderator

    @wpyogi

    If you look at the order of the elements on that page, the <aside class="oneThird"> div (which contains the mortgage calculator) is at the very bottom of the page just above the footer section). It’s even below the iframe in the bestbuys div — which makes no sense at all and is going to be problematic no matter what CSS you use. You really need to change that HTML code to make anything work in IE.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘[Resolved] Sidebar dropping below content in IE7’ is closed to new replies.