WordPress.org

Ready to get started?Download WordPress

Forums

Content forced below sidebar in IE Browser... (7 posts)

  1. PickleZone
    Member
    Posted 8 years ago #

    Hello All -
    We have been trouble-shooting our WordPress site at:
    http://www.WebHelperNow.com

    We are still scratching our heads after trying several revisions to CSS for the site, it fails to display properly in IE, though in all other browsers it works fine. Here is the code in question:

    #container {
    width: 92%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 0px 0px 0 0px;
    border-right: 2px solid #C2C295;
    border-left: 2px solid #C2C295;
    border-top: 1px solid #c2c295;
    border-bottom: 2px solid #c2c295;
    }

    #content {
    width: 70%;
    background-color: #ffffff;
    padding: 1.3em;
    top: 137px;
    text-align: left; }

    #sidebar {
    float: right;
    width: 180px;
    margin-bottom: 35px;
    background-color: #eae5be;
    padding: .8em;
    clear: none;
    position: relative; }

    Any help will be appreciated.

    Yours -
    Scott

  2. Mark (podz)
    Support Maven
    Posted 8 years ago #

    What changed just before this happened?
    What was added and where?

  3. AdventureDad
    Member
    Posted 8 years ago #

    It looks fine to me in both FF and IE

    AD

  4. PickleZone
    Member
    Posted 8 years ago #

    Hello -

    Hey... thanks for taking a look. We cannot pinpoint the actual time this happened, and have been tweaking the code as we developed the site. We have recently made changes to the CSS for the Sidebar (adding relative positioning, and setting clear to none... the last two entries below), thinking that this is where the solution will be found:

    #sidebar {
    float: right;
    width: 180px;
    margin-bottom: 35px;
    background-color: #eae5be;
    padding: .8em;
    clear: none;
    position: relative; }

    The last time we checked the site in Windows IE browser, the content (articles) still were forced beneath the sidebar.

    Thanks -
    Scott

  5. AdventureDad
    Member
    Posted 8 years ago #

    I'm sorry but your site still looks fine for me in both FF and IE. I explored some of your site, went to some different categories and articles but had no issues with conent below sidebar. I'm using IE 6.

    AD

  6. maerk
    Member
    Posted 8 years ago #

    Have a look at this:

    http://www.alistapart.com/articles/negativemargins/

    Following that might help. Also, run your site through the validator, always a good idea, and put your sidebar after the content. It's better for search engines that way, plus if something similar happens in the future, your content will be more easily visible.

  7. johniv
    Member
    Posted 8 years ago #

    Scott I had a similar problem and discovered that the cause was in my "margin-right" line. I basically discovered that I set it too large and the content was literally word-wrapping around until the end of the column. Try adding lines like :

    right: 2px;
    margin-left: 0px;
    margin-right: 2px;
    width: 180px;
    float: right;
    position: relative;

    That worked for me.

Topic Closed

This topic has been closed to new replies.

About this Topic