Content forced below sidebar in IE Browser…

  • Hello All –
    We have been trouble-shooting our WordPress site at:
    https://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

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

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

    It looks fine to me in both FF and IE

    AD

    Thread Starter picklezone

    (@picklezone)

    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

    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

    Have a look at this:

    https://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.

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Content forced below sidebar in IE Browser…’ is closed to new replies.