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:


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 {
    height:48px;   /* 48px - Height of the footer */
    width:730px; /* was 730 for inner width */
    padding:0 23px;
[B]    background:#fff url("") [/B]repeat-y 50% 0;

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.


[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 {

<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>
   [B] </div>[/B]
<div id="bdrb"></div>

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).