Space between wrappers

• 

  karlstadkatarina · Member · Jan 18, 2012 at 5:07 pm

  • Copy link
  • Add topic to favorites

  Hello!
  I need some help with a wrapper problem, the thing is that my header-width i wider than the width of my wrappers.
  I changed the % of the width in the secondary wrapper but that makes a space between the primary wrapper and the secondary wrapper.

  I want the wrappers to be as wide as the header so they will be in algnment with eachother.

  If you understand my problem please help me!

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

• 

  timethief · Member · Jan 18, 2012 at 9:49 pm

  • Copy link

  I have flagged this thread so it gets moved to the CSS Forum where you can get help with this.

• 

  thesacredpath · Member · Jan 18, 2012 at 10:49 pm

  • Copy link

  First off (and this is a nit-pick) but in #branding change the “width” value to 1026px as that is the width of your header image. Then go to #main and #page in your CSS and change the “max-width” to 1026px in each.

• 

  karlstadkatarina · Member · Jan 18, 2012 at 11:57 pm

  • Copy link

  Thanks so much! There’s one more thing, under my posts there is a text that says: leave a comment and after that text comes my next post, but between that there is a huge space and it just looks stupid. I want my posts to be separated with a line and no space. If it makes any sense?

• 

  thesacredpath · Member · Jan 19, 2012 at 2:25 am

  • Copy link

  Try this.

  #content, #main .widget-area {
  padding-top: 2.5em;
  }
  
  #content article {
  border-bottom: 1px solid #FFADAD;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  }

• 

  thesacredpath · Member · Jan 19, 2012 at 2:31 am

  • Copy link

  Actually change the top bit of code to this instead.

  #content {
  padding-top: 2.5em;
  }