Padding bottom doesnt free up space

Hi from Wakefiled UK…

on this page -

the text gets cropped off by the footer. To remedy this i added padding-bottom:40px; inline but as the screen grab shows i still get the footer chopping off the content.

Please could someone offer a CSS fix :slight_smile:

Why don’t you place the footer underneath the container instead of inside it, and center it there? The quick copy and pasting I did with the code in firebug fixed it.

Remove the height from .column2

.column2 {
    float: right;
    width:85%;
    [COLOR=Red]/*height:44em;*/[/COLOR]
    background-color: #bbb;
    margin-left:0%;
    display:inline;
}

And run your page through the validator, you have some errors with the UL in the left column.

Thank you so much, i should have spotted that.