Adding sidebar content pushes body down

  • Resolved thatjohnpaul

    (@thatjohnpaul)


    12 years, 5 months ago

    Hi,

    I am redesigning someone’s site. Right now I’m turning the HTML markup into a WP theme. Everything seemed to be working fine, but when I added content (a text widget with a few lines of text) to the sidebar, it pushed the entire body (where the blog post is) down and to the left. You can see it and look at my stylesheet, markup, etc. at https://la-tee-dah-tallahassee.com/blog. Thank you so much for your time and help.

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

  • Your DIV order is incorrect, you have:

    <div id="container">
  <div id="sidebar"
     <center> </center>
     <div class="scontent">--stuff--</div>
     <div id="content">--stuff--</div>
   </div>
</div>

    I imagine what you want is either:

    <div id="container">
  <div id="content">--stuff--</div>
  <div id="sidebar"
     <center> </center>
     <div class="scontent">--stuff--</div>
   </div>
</div>
    <div id="container">
  <div id="sidebar"
     <center> </center>
     <div class="scontent">--stuff--</div>
   </div>
  <div id="content">--stuff--</div>
</div>
    Thread Starter thatjohnpaul

    (@thatjohnpaul)

    Thanks, Max. I’m fairly sure the div order is right now, but the problem seems to remain? Maybe you wouldn’t mind taking a second look. Thank you again.

    I am still seeing the sidebar div containing your other content on your site… if I check with Chrome… and if I drag the divs around in Chrome it ends up looking right…

    I made a print screen of the results, includng the inspection window so you can see how I re-ordered the code – you can see it here:

    Print Screen of tee-dah-tallahassee.com/blog

    Thread Starter thatjohnpaul

    (@thatjohnpaul)

    Got it! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding sidebar content pushes body down’ is closed to new replies.

Tags