Blog alignment changes when zoomed out

• 

  joanasamora · Member · Sep 5, 2011 at 12:59 am

  • Copy link
  • Add topic to favorites

  When working with 100% zoom on my browser the alignment looks normal, but when I zoom out, the ‘blocks’ that constitute the entire don’t stay fixed. Can anyone tell me what I’m doing wrong?

  If I wasn’t specific enough, you can try it for yourself. Go to in-culto.com and zoom out.

  Thanks in advance.

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

• 

  thesacredpath · Member · Sep 5, 2011 at 1:21 am

  • Copy link

  Change the margin declarations you have in the below selectors to what I have shown.

  #featured-posts-container, #single-header {
  margin: -20px auto -5px;
  }
  
  #latest-posts-container {
  margin: 0 auto;
  }
  
  #footer {
  margin: -10px auto -50px;
  }

• 

  thesacredpath · Member · Sep 5, 2011 at 1:22 am

  • Copy link

  BTW, it was messed up no matter what zoom level you were at, regular, zoomed in and zoomed out.

• 

  thesacredpath · Member · Sep 5, 2011 at 1:30 am

  • Copy link

  You also need to fix the margin values in the following as I have them.

  #access ul {
  margin: -5px 0 5px -90px;
  }

• 

  joanasamora · Member · Sep 5, 2011 at 5:48 pm

  • Copy link

  Thank you so so much! You were a great help! :)

• 

  thesacredpath · Member · Sep 5, 2011 at 6:03 pm

  • Copy link

  You are welcome.