Centering my Blog (Sandbox), Please Help

• 

  mondoident · Member · Oct 5, 2008 at 2:11 pm

  • Copy link
  • Add topic to favorites

  Hello. I apologize if this has already been discussed and I plan on digging a bit deeper through this forum to continue my investigation. My problem is as follows:

  My entire blog is flush left of my browser.
  I want to maintain the current design that I have, but move the left sidebar and content to the center, adding a
  blank space on the left-hand side. That is, instead of hanging to the left side of the screen, the sidebar and content
  should be in the middle of the browser. I’ve been searching all day and am not sure how to do this. Any pointers? Help?

• 

  vivianpaige · Member · Oct 5, 2008 at 4:18 pm

  • Copy link

  Can we have a link to your blog?

• 

  mondoident · Member · Oct 5, 2008 at 8:35 pm

  • Copy link

  Ah, yes, sorry.

  http://eyeslitcrypt.wordpress.com

• 

  devblog · Member · Oct 5, 2008 at 11:03 pm

  • Copy link

  By looking at your CSS, you are defining an ID selector that doesn’t exist in your HTML source code:

  #page {
     width:800px;
  }

  The above code would work if in your source code you had something like this:

  <div id="page">
       [contents]
  </div>

  Since you’re using Sandbox, the element you want to style is “#wrapper” which, obviously, wraps the whole content of your blog. Give this a try:

  Replace the #page definition with this

  #wrapper {
      width:800px;
      clear: both;
      overflow: hidden;
      margin: auto;
  }

  This should align your blog to the center of the screen.

  HTH

• 

  mondoident · Member · Oct 6, 2008 at 8:23 am

  • Copy link

  Brilliant.
  Thank you very much.
  Just as I wanted it to look.
  Thank you!