Sidebar clashing with content

  • https://www.dirtysmoke.com/tenst

    I am having issues on both Firefox and MSIE.

    My format is:
    #whole > #center > #content > .post & #sidebar

    The .post and #sidebar are on equal levels, yet it seems the Sidebar is the dominant DIV and thus the #content is ONLY as long as the sidebar. Therefore, if the .post is longer than the sidebar, the #whole and #center divs will abruptly stop, and the .post will breach into a white background.

    ALSO, on MSIE the Sidebar begins on post1; post2 appears above it…

    I’ve done two other self-made WordPress layouts with great success, and I’ve never experienced these problems before.

    As always, the problem will be something very small. Any help is greatly appreciated!

    https://www.dirtysmoke.com/tenst … I will not mess with the code or layout for a few hours so you have opportunity to see what I am talking about.
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Does adding a height to your content div change anything?

    #content {
    background:#b3b8bc;
    height: 100%;
    }

    Thread Starter mismatchedpear

    (@mismatchedpear)

    It worked perfectly for Internet Explorer. But the Sidebar is still on the bottom-right-side of the #content and not the top-right-side.

    As for Firefox, the #content was stretched to height of my browser, but does not go any lower, thus cuts off scrolling the length of one page. And the Sidebar continues to display properly on the top right corner of #content.

    Thread Starter mismatchedpear

    (@mismatchedpear)

    Anybody else have any ideas?

    Why isn’t a child DIV’s height causing the parent to stretch with it?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar clashing with content’ is closed to new replies.