Footer won't quite align with header

  • Author
  • #857099

    Hi all – Using Custom Design CSS on Fresh & Clean theme. Client needed a footer, but there is just one sidebar area, no footer. I found a workaround, but I can’t quite get it right. The right side of the footer and header are aligned, but the left aren’t.
    I’ve tried adjusting any number of little things in the margins, padding, width, etc. Sometimes it will move slightly to the right, sometimes all the way up into the sidebar area. Sometimes way off to the left.
    Here is the code that is working best:
    #newfooter {
    font:’Droid Serif’, Georgia, serif;
    border:0 solid #ccc;
    padding:.8em .9em 1.3em;
    (I know the gray is too light, I’m working with my client on that.)
    Thanks so much!

    The blog I need help with is


    Based on what you have already, you could adjust it a little bit to get the footer you created to a width of 920px to match your current header size:

    #newfooter {
    clear: both;
    font-family: 'Droid Serif', Georgia, serif;
    position: absolute;
    max-width: 880px;
    left: 0;
    text-align: right;
    width: 100%;
    bottom: 4px;
    margin: 1.8em 0;
    line-height: 1em;
    background: #F9F8F4;
    border: 0 solid #CCC;
    border-width: 0;
    padding: .8em 20px 1.3em;

    I’m not sure if you meant to change the font. Keep in mind that padding is included in the total width, so I changed the right and left padding to 20px and reduced the max-width to 880px. I also set the left and right margins to zero, It doesn’t look to me like the footer you created needs those. I also removed the 95% width setting.


    Thank you so much. I really appreciate it. For some reason I did have to stay at the 100% or it would hang off to the right a bit, but I can live with that mystery! Thanks again.



    95%. I meant 95%. Just noting it here in case this is helpful for someone else sometime. Thank you again!!

The topic ‘Footer won't quite align with header’ is closed to new replies.