Support » Themes and Templates » Creating a “wrapper” around the entire page. Sidebar keeps moving.

Creating a “wrapper” around the entire page. Sidebar keeps moving.

  • I’ve been trying to figure out how to create a “wrapper” or table around the entire wordpress page so that the sidebar stays intact. Right now if I adjust my browser’s window size, the sidebar jumps to the bottom. How do I go about fixing this?


Viewing 15 replies - 1 through 15 (of 23 total)
  • Moderator Mark Ratledge


    Dup: http://wordpress.org/support/topic/353307?replies=2

    Post your site URL so people can look at the source code.

    Sorry about that, didn’t see the previous reply. The site that I’m working with is: sisterhoodnetwork.org

    I’m about to install firebug to inspect it to try to find something.

    Thanks for your reply.

    Moderator Mark Ratledge


    You have some missing closing tags and some extra </div> tags which throw the display and sidebar off; [Invalid]Markup Validation of sisterhoodnetwork.org – W3C Markup Validator. Scroll down in the valdiation report to see line numbers and source code. You shouldn’t need an extra wrapper after you fix the errors.

    I will look into this.. thank you so much for your help!

    I ran through the errors and removed the exta </div>‘s but I still have the same problem.. Would posting the entire code to the style sheet help?

    Moderator Mark Ratledge


    It’s not the style sheet yet; there are still missing tags and extra tags. Have to fix those first, then figure out what else is wrong.

    Okay I’ll go through each one step by step. Thank you.

    Moderator Mark Ratledge


    Still one more leftover </div> above <!-- End main-content -->

    I just removed that </div>.. Still the same problem. Thank you very much for your help. I’m stumped here. lol

    Moderator Mark Ratledge


    Carefully look through your dropdown menu code; you still have messed up ul and li tags…..

    Okay I will look into it. Do you do any freelance coding?

    Moderator Mark Ratledge


    I do freelance work, but I went ahead and figured this out. Check this in as many different browsers as you can.

    In header.php (I think, depending on your theme adn where you added the menu code), in between <ul class="pages"> and <ul id="dropmenu"> is an extra <li> </li>, so take that out but leave the <li>.

    Then, right above </div><!-- End navigation -->, add a </ul>, so it looks like

    </ul> </li> </ul></div><!-- End navigation -->

    instead of

    </ul> </li></div><!-- End navigation -->

    And in style.css, near line 480, change

    .col-555 { width:580px; }


    .col-555 { width:525px; }

    Thank you so much for your help. I made the stated changes you mentioned, but I’m still having the same issues. Still looking over it now. Do you notice anything else that might cause the sidebar to move?

    Thank you so much.

    Moderator Mark Ratledge


    Works fine for me in Safari and Firefox. Clear your cache and history. If not, delete the
    <ul id="dock"></ul> in between <!-- End navigation --> and <!-- End container -->

    Thanks again for your help. I made the changes, and still have the same issue. Here’s a link to a screencast of what I’m talking about:
    (this happens in every browser I’ve tried it in.)

    any ideas?

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Creating a “wrapper” around the entire page. Sidebar keeps moving.’ is closed to new replies.