[SOLVED] What is the best way to move down the footer?

Wimbledon · #1 Jan 3, 2011, 05:09 PM

I am trying to create some space between the footer box and the center column (and sidebars) by moving the footer box down.

I have tried changing the padding and margins for the center column and td#footer yet I cannot seem to successfully move the footer down.

What is the best way to move the footer?

lmilesw · #2 Jan 3, 2011, 05:35 PM

HTML Code:

td#footer {
padding-top: 50px;
}

Should work as well as margin. Could you post a link to the site.

Wimbledon · #3 Jan 3, 2011, 05:48 PM

Thanks for your help Larry.

That code moves the footer text down, not the whole footer:

Site here:

http://bit.ly/ew7Ufx

Similarly, I'd like to create some space (like 10px) below the footer as well.

lmilesw · #4 Jan 3, 2011, 10:21 PM

The footer is in a table cell so you can't put space like you do with a div. That's why I use margin or padding. I have also added a div to the footer to give the appearance of what you are looking for.

Wimbledon · #5 Jan 4, 2011, 05:54 AM

Quote:

Originally Posted by lmilesw

The footer is in a table cell so you can't put space like you do with a div. That's why I use margin or padding. I have also added a div to the footer to give the appearance of what you are looking for.

Ahh...now I understand.

I wrapped the footer content in a div and then used CSS to style it from there.

Thanks for all your help!