WordPress.org

Ready to get started?Download WordPress

Forums

Problem in IE (tried search) (3 posts)

  1. TonyGeer
    Member
    Posted 8 years ago #

    Now I know this problem has been asked many times before since the first thing I did was try the Search. Here's what I've tried and doesnt help. The problem is the sidebar going below the content only in IE.

    1. No images in sidebar.
    2. Completely removed everything and only had "text" in the sidebar.
    3. edited all 4 test posts to two words.
    4. Decreased the width of sidebar to 10px, it still fell under.
    5. Decreased width of both content and sidebar to see if it helped.I have a "wrapper" that is 791px wide, and content and sidebar are within that. Reducing them both didnt help.
    6. Used overflow:hidden as someone suggested in one topic, didnt help.

    That's about it, the site is here:
    http://www.tobiasbuckell.com/wordpress/

    Im working on it to make it look like the other pages at:
    http://www.tobiasbuckell.com/test/index.htm.

    Any help would be greatly appreciated, thanks for reading.

    Oh, here's the CSS too:

    #wrapper
    {
    margin-right: auto;
    margin-left: auto;
    width: 791px;
    }

    #content
    {
    margin:0;
    padding:0;
    float:left;
    width:594px;
    border-top: 1px solid #fff;
    padding-top:6px;

    }

    #sidebar
    {
    margin:0;
    padding:0;
    float: left;
    width:190px;
    border-top: 1px solid #fff;
    padding-top:6px;
    color:#FFFFFF;
    background-color:#99CCFF;
    }

  2. Beel
    Member
    Posted 8 years ago #

    If you post a link and a description of the problem, no need to post redundant code...

    First off, you need to properly code your page (nesting of divs). The sidebar sits outside the wrapper div which you have set at the maximum page width of 791px. Additionally, most wrapper divs I have seen actually "wrap" pretty much everything, including the header, content, sidebar and footer (that is why it is called a "wrapper" ;-).

    Edit: Being outside the wrapper div is also why the sidebar not only "drops" but sits against the left edge of the browser window.

  3. TonyGeer
    Member
    Posted 8 years ago #

    Yes that was the problem. I'm actually following Urban Giraffe's guide, and I guess I followed the instrcutions wrong. Sorry about the redundant code, I wanted to be sure to supply all the necessary info so you wont have too much trouble finding the issue.

    I've also moved the wrapper to encapsulate the entire contents of the page, at first I think that was what page was doing, but I realised after that's not so. Thanks for the quick response Beel!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.