• 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?

    Thanks!

Viewing 15 replies - 1 through 15 (of 23 total)
  • Dup: http://wordpress.org/support/topic/353307?replies=2

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

    Thread Starter theaor

    (@theaor)

    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.

    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.

    Thread Starter theaor

    (@theaor)

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

    Thread Starter theaor

    (@theaor)

    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?

    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.

    Thread Starter theaor

    (@theaor)

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

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

    Thread Starter theaor

    (@theaor)

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

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

    Thread Starter theaor

    (@theaor)

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

    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; }

    to

    .col-555 { width:525px; }

    Thread Starter theaor

    (@theaor)

    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.

    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 -->

    Thread Starter theaor

    (@theaor)

    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.