center column width

• 

  spinellimd · Member · Oct 30, 2008 at 7:57 pm

  • Copy link
  • Add topic to favorites

  If the browser window is restricted or not expanded completely all of the main blog content (center column) is squished up! my 2 columns remain the same width, but main content is completly distorted. I’m looking to keep my blog layout identical to the other pages of my website (found in the links on the left nav). Safari, Mozilla and IE display the center column differently even thought i’ve got a set pixel width in my CSS.

  http://spinellimd.wordpress.com/

  thanks for any help.

• 

  arschflugkoerper · Member · Oct 30, 2008 at 8:35 pm

  • Copy link

  You have to set a width for the content column. Try adding this to your CSS:

  #content {width:475px;}
#secondary {padding:0;}

  You should also decrease the space between header and post content on the individual post page. Try this:

  .single #content {margin-top:-100px;}

• 

  spinellimd · Member · Oct 31, 2008 at 2:37 pm

  • Copy link

  Thank you! That seemed to work! now i’m just having a terribly frustrating time with these small variations between the placement of the right column and header iamge between the blog and the site. its really just a matter of a few pixels, but I can’t seem to get it right.

• 

  arschflugkoerper · Member · Nov 1, 2008 at 2:41 pm

  • Copy link

  A quick and dirty solution for this is to position the secondary sidebar like this:

  #secondary {position:relative;left:6px;bottom:12px;}

  You might have to adjist the left and bottom values a little bit more to your liking (and also to find a compromise that looks acceptable in different browsers).