How to keep footer at bottom of content

Paul it’s VERY VERY subtle. But it’s under the 3 lines of text. It’s very faint :slight_smile:

Hi,

Still can’t see it on the PC but the mac monitor is showing it as it’s a brighter picture.

Just create a new image for the footer without the green bit.


#ftr {
    clear:both;
    height:48px;   /* 48px - Height of the footer */
    background:#ffffff;
    overflow:hidden;
    width:730px; /* was 730 for inner width */
    padding:0 23px;
[B]    background:#fff url("http://css2g.webatu.com/pix/background.gif") [/B]repeat-y 50% 0;
    margin:auto;
}


I used the image from the wrapper element not realising that there was a green section on it. Juts make a new image for the footer with the green set to white.

If you don;t want to change the image then just add an inner to the footer with a white background.

e.g.


[IMG]file:///C:/DOCUME%7E1/User/LOCALS%7E1/Temp/moz-screenshot-3.png[/IMG][IMG]file:///C:/DOCUME%7E1/User/LOCALS%7E1/Temp/moz-screenshot-4.png[/IMG].foot-inner {
    width:730px;
    overflow:hidden;
    background:#fff;
}


<div id="ftr">
   [B] <div class="foot-inner">[/B]
        <div id="ftr1"></div>
        <div id="ftr2">
            <p>123 Street, some city in a country.</p>
            <p>Telephone: 877-877-8777</p>
            <p>bunch of menu links here</p>
        </div>
   [B] </div>[/B]
</div>
<div id="bdrb"></div>
</body>
</html>


There’s no point in putting a background on the p elements unless you are setting the margins to zero because there will be a gap otherwise (although you could use padding to make space).