sidebars shift to bottom of page in Firefox

  • Resolved jmgrn

    (@sixguinness)


    14 years, 10 months ago

    I am running three sites, each using the exact same template and plugins. All three show up fine in Safari, however, when I view all three in Firefox, two show up the way they should, but the third qualityparingknives.com shows the two left and right sidebars shifted down the bottom of the page. Thinking that there might be a plugin conflict, I deactivated all of them and then reactivated them one by one, each time going back to Firefox, clearing the cache and history and refreshing the page, but that didn’t work. I did the same with the padding numbers by setting them to zero as well as setting the width of each sidebar to a smaller number – same results. I’m perplexed as to where the conflict is.

    Has anyone experienced this problem and if so do you have a suggestion as to resolve it? Thanks.

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

  • could be any of the validation errors

    seems to be a missing </div> before calling the left sidebar.

    Thread Starter jmgrn

    (@sixguinness)

    Thanks for the link to the validation site. I had forgotten to use that site to chase down my problem, and as you said, it could be any of those errors.

    I appreciate your time.

    you have 2 opening html tags in header.php remove this one<html>
    You have 2 head tags in header.php remove this one <head>
    You have a closing body and html tag before your content.
    I assume they would be in your header.php also, remove them </body> </html>
    They belong in the footer.php
    You are missing the closing html tag in the footer.

    There is also an extra closed div above the closing body tag in the footer
    I may have missed another closing div in the content area, not sure
    Repair these and then I can hunt down the other div

    Thread Starter jmgrn

    (@sixguinness)

    marjiec-

    Thank you for the information. I had given up on the problem and only came back to the forum today out of desperation to see if anyone else had responded. So sorry to take so long in getting back to you.

    I decided to use a different theme as I had completely screwed up the other one in the process of all of the editing while trying to chase down the problem.

    In this particular theme I don’t any problems similar to those you mentioned that existed in the previous theme, however, the theme’s side-bars are still shifted down in Firefox. Any suggestions?

    -Jim

    You are missing a closed div tag.
    add this
    </div><!–end content–>
    above
    this
    <!–begin l_sidebar–>
    You may also need to change some widths in the sidebars. They do seem wide to me.

    Thread Starter jmgrn

    (@sixguinness)

    marjiec-

    Thanks for getting back to me. Your solution is an interesting one, but, I’m not following your logic. From what I understand, any closed div should follow an open one. Regardless of that, I placed the closed (</div>) at the top as you suggested. That did resolve the problem in Firefox, however, in Safari it moved the r-sidebar is to the far right-hand side. I can live with that (for now).

    As for the sidebars widths, I’ve played around with decreasing and increasing them both, but it only further screws up the r-sidebar margin in Safari.

    Fix your doc type declaration; it doesn’t need a closing slash: [Invalid]Markup Validation of qualityparingknives.com paring-knives – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    I assumed you would want a right side bar on the right.

    Yes, a closing div follows an open div. You just have to put it where it belongs, meaning after what belongs in the div.
    In this case content. That would be the reason to put it after the content code and before the right side bar code.

    Thread Starter jmgrn

    (@sixguinness)

    songdogtech-

    Thanks for your input. I removed the slash. When it was there the Markup Validator showed that I had 4 errors. After removing it, it shows that I now have 12 errors. ???

    Thread Starter jmgrn

    (@sixguinness)

    marjiec-

    I do want the r-sidebar as it is part of the theme.

    As for the open and closed div placement, I’m completely confused about where it should go – the left sidebar or the right sidebar… or both?

    Some XHTML errors cascade, but in this case, the doc type errors prevented the validator from finding the others. Now look at the validation report: you can see where the missing </div> and </li> tags are that are throwing the sidebar.

    Thread Starter jmgrn

    (@sixguinness)

    songdogtech-

    Couldn’t make heads nor tails out of the validator report with regard to the missing </div> and tags. I did get rid of some extra Ul and li tags, but it didn’t have an affect on the right side-bar (in Safari). I can live with it pushed off to the right or I can get rid of it altogether.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘sidebars shift to bottom of page in Firefox’ is closed to new replies.