CSS background image not using body

[R8515198]

Good Morning,
I am trying to set a background image for my website.

When using the body tag it is fine as it adjusts to fit different screen sizes.
body {
background-image: url(bg_main.gif);
background-position: center top;
background-repeat: no-repeat;
margin: 0px;
}
But I dont want to use the body, I have tried using a div and it only goes as far as the content in it.
#bkgd {
background-image: url(bg_main.gif);
background-position: center top;
background-repeat: no-repeat;
margin: 0px;
}

Can anyone help

regards

Daniel

[Bocaj]

Can i ask why you don't want to use the body attribute?

Something like this

Code: Select all

#bkgd {
                position: relative;
                background-image: url(images/novus_13.png);
                height:100%;
                }

Will expand it to the pages dimensions but as soon as you scroll down it won't repeat..

I don't understand the purpose of not using the body attribute?

[R8515198]

My work uses Perl and it auto loads a css sheet that I cant change due to it being a central CSS, forced down to all subsites. At the moment everyone is using tables, and as i have learnt CSS i dont want to use tables and want to show what can be done using CSS.

The forced CSS only uses body and forces a header

So the forced BODY overides any body I put in.

I hope that explains it a little better.

Bocaj I will try the above tonight and will put a reply on with the out come

Cheers Daniel

[R8515198]

The above didnt work, as it only goes as far as the div size inside it. I think if I made a class that fills till the footer. I cant explain what I am trying to say I saw it in one of my books will have a read and write back.