Header and Background Alignment

• 

  ukthrumyeyes · Member · Jul 15, 2012 at 9:04 pm

  • Copy link
  • Add topic to favorites

  I was messing with trying to increase the width of my blog and now I can’t get the header to line up to the background. As you can see on the right side of my header (black) extends beyond the white background.

  Thanks in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  joshidaniel · Member · Jul 16, 2012 at 6:18 am

  • Copy link

  Please try this:

  #branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: block;
float: left;
width: 860px;
}

  #access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 860px;
}

• 

  inesdelorange · Member · Jul 17, 2012 at 7:21 am

  • Copy link

  Hello,

  Finally was able to aline the header with the background, BUT only while using Safari. When I use Firefox, the header doesn’t appear aligned with the background. That is a glitch.

  Altered the header so many times that I’ve lost count. Been working between the two browsers for hours… just to see if I could fix it alone and couldn’t.

  I mostly use Firefox that’s why I’m unhappy about the end result. Is there a way to correct this?

  One other thing (if I may) : is it possible to alter the width of the blog? I would prefer it a bit narrower. If not, that’s fine with me. AND yes, I’ve tried AL themes. One column ones are two narrow. Two columns is perfect.

  Thank you!

  *This is my blog: http://inesdelorange.wordpress.com/

• 

  designsimply · Member · Jul 31, 2012 at 10:52 pm

  • Copy link

  The alignment looks just fine to me in Chrome, Safari, and Firefox. Is it possible that you have an add-on or some local setting in your Firefox browser than is causing the difference for you? Is your Firefox version up to date? See http://browsehappy.com/

• 

  designsimply · Member · Aug 27, 2012 at 3:32 pm

  • Copy link

  Hello, I checked http://ukthrumyeyes.wordpress.com/ again and I see now that it’s still using WordPress but it is currently not hosted here at WordPress.com.

  The following CSS fixed the issue you described earlier in this thread when I tested it on the http://theukthroughmyeyes.com/ home page:

  #page {
  	padding: 3.2em;
  }
  
  #sidebars {
  	width: 20em;
  }

  For further help, please go to http://wordpress.org/support/ or try contacting the theme author directly for help.

  If you would like to add CSS to your WordPress.org blog, you can use Custom CSS inside the Jetpack plugin, see http://jetpack.me/