Question

I’ve a web page that is built the body tag in the CSS is currently set to:

body {
background: url(../images/bg_fence.png) bottom repeat-x;
}

URL: http://s361608839.websitehome.co.uk/careForAll/www/index.html

Right now, it shows a picture of a fence at the bottom of the page.

Instead of using a background in body to do this, how else can I do this?

Answer 1

Create a div:

    <div class="fence"></div>

Then add the CSS:

    <style>
        div.fence {
            background: url(../images/bg_fence.png) repeat-x;
            position: fixed;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 17px;
        }
    </style>