Support » Themes and Templates » Sidebar dropping below content in IE7

  • Resolved thewebologist

    (@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)
  • 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.

    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.

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

    Thanks for the help

    Did you try changing the float to right?

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Reduce width to 1px to make sure.

    Done that and the issue persists

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Which bit is your sidebar?

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    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

    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 ‘Sidebar dropping below content in IE7’ is closed to new replies.