Help with footer on page

Editorinchief

Hi all,

Ok, I have a table at the foot of my page.

The width stretches across the browser window nicely (regardless of what resolution I use)

I would like the same to apply to the tables height so that it stretches downwards to fill the users browser. (Without scroll bars)

Here’s the code for the table:

Code:

<table class="FooterTable"> <tr> <td class="FooterContent">Tel: 0151 422 6622 &ensp; Email: Leaf@Marketing.co.uk</td> <td class="FooterContent"><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a> &ensp;<a href="http://validator.w3.org/check?uri=referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS" height="31" width="88" /></a> </td> </tr> </table>

Here’s the code for my CSS:

Code:

.FooterTable { width:100%; background-color: #009966; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: #FFFFFF; } .FooterContent { padding: 5px 0px 5px 15px; }

I have tried the whole...

.body{
margin:0;
width:100%;
height:100%;
padding: 0;
border:none;
}

...thing but no joy

Any Ideas?

Many thanks

E

Stubru Freak

Add height: 100%; to the footer table.

And change the
.body
to
body