Blog alignment changes when zoomed out

  • Author
  • #698811


    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 and zoom out.

    Thanks in advance.

    The blog I need help with is


    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;

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


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

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


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


    You are welcome.

The topic ‘Blog alignment changes when zoomed out’ is closed to new replies.