Forums

[resolved] Sidebar Placement Out Of Whack (7 posts)

  1. mikedini
    Member
    Posted 6 years ago #

    When I enable comments on pages, the sidebar is moved way below the comments area, but only in Internet Explorer. Any help?

    http://www.pistolotto.com/?page_id=12

  2. ladydelaluna
    Member
    Posted 6 years ago #

    When I try to go to that link I get this:

    Parse error: parse error, unexpected $ in /homepages/40/d161155849/htdocs/pistolotto/wp-content/themes/adventure/index.php on line 142

    Are you doing some editing??

    EDIT: Okay, it's back now... lol

    Let me take a look...

    Really strange - I can't see in either the CSS or the source what might be causing this - your divs (content and sidebar) are sized properly, and you have no images in that page.

    I did find this: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pistolotto.com%2F%3Fpage_id%3D12&charset=%28detect+automatically%29&doctype=Inline&ss=1
    There are 14 errors there, some of which might maybe hold the answer to your problem here... try fixing those up and see if it helps any.

  3. mikedini
    Member
    Posted 6 years ago #

    ladydelaluna:
    Thanks for your input. I fixed the errors, and now validate perfectly. However, the sidebar issue remains in Microsoft Internet Explorer running XP. It works perfectly on all MAC browsers, and XP Firefox. Anyone have any other suggestions?

    http://www.pistolotto.com/?page_id=12

    Again, the sidebar placement falls way below where it should on archive pages and page pages ONLY WHEN the comments are activated. Totally weird.

  4. ladydelaluna
    Member
    Posted 6 years ago #

    can you check the size of the comments box against the width of the content div? maybe that's it?

    IE is really the only time we ever see stuff like this happen, and usually it's when something is too wide for the space it's in, since you say it only happens when comments are enabled, i'd start checking around that part of the CSS...

    (incidentally, usually validation errors will show things like unclosed <div> tags and such, which is why i suggested that before... that's all)

  5. chillbilly
    Member
    Posted 6 years ago #

    IE adds a bit to margins and padding...my side bar kept droping in IE as well so I had ta use conditional comments to ditch it...other option is to look in your style sheet for....
    #container and #content and play with the margins and padding to see if it can be fixed.

    This is the conditional comments in my header.php file..placed between the <head> and the </head> tags

    <!--[if IE ]>
    <style type="text/css">
    * {
    margin:0;
    padding:0;
    border:0;
    }
    #sidebar
    {
    padding: 0px 0 0px 0;
    margin-left: 73%;
    width: 20%;
    }
    .narrowcolumn {
    float: left;
    padding: 10px 10px 10px 10px;
    margin:5px 5px 5px;
    width: 60%;
    }
    </style>
    <![endif]-->

  6. mikedini
    Member
    Posted 6 years ago #

    Thanks all for your suggestions. After pondering and reading others' desperate crys for help, an underlying theme emerged...somethings too big. You were correct. The text box for comments was set at 100% + padding and margins which I adjusted and solved my problem. You are the best!!!!

  7. ladydelaluna
    Member
    Posted 6 years ago #

    So glad everything's cleared up for you! :)
    Thanks for posting the "fix" for others to see as well. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.