A little help please?

[CStorm]

I'm in the process of making my new site and i've found an awesome background image to use. However, when a page expands beyond the image size, it repeats and it looks rubbish.

Does anyone know the script/coding that holds the background in place but lets the layout scrolls on top of it? I appreciate any help you can give.

[Jordan,]

need to edit the css to make it fixed somthing like backround:} fixed that isnt it but :P

[Swearwolf]

<style type="text/css">
<!--
body {
background-image: url(url to ur bg pic); background-repeat: no-repeat; background-attachment: fixed;
}
-->
</style>
put that in head section

[MrCraig]

Use CSS :)

In head


<style type="text/css">
<!--
body{background: url(PATH TO BACKGROUND); background-attachment:fixed;}
-->
</style>


Edit: Hoax bet me to it :(

[Swearwolf]

mrcraig, add in the "background-repeat: no-repeat;" lolol :)

[MrCraig]

yeah, but surely if the attachment is fixed, it wont matter if it repeats or not?

[Swearwolf]

fair point, my bad :P

[MrCraig]

LOL, nps :P

I was thinking about adding when coding then though "Nah, wont waste some bytes on it"

+REP for making a point :)

[Jme]

<style>
body
{
background: url('path/to/image') fixed no-repeat;
}
</style>

[CStorm]

Thank you for all your help guys, but when I tried using them, they either didn't work or would only show the one image and it didn't cover the whole screen. Am I doing something wrong? xD

[MrCraig]

try..



<style type="text/css">
<!--
body{background: url(PATH TO BACKGROUND); background-attachment:fixed; background-repeat:repeat-x;}
-->
</style>

[CStorm]

Nope, didn't work ;[

[Swearwolf]

try change "repeat-x" to "repeat-y"

[CStorm]

Still doesn't work xD

[Swearwolf]

got a link to this particular page? :P

[CStorm]

I'd give it to you but it's top-secret :P

[Ini]

I'd give it to you but it's top-secret :P
Use something called a private message

[MrCraig]

:o Give it to me chris? :)

[Ini]

Give you what?

[Jme]

The bg image must not be the size of the screen so that if you want the bg to not repeat, you're gonnahave to make your image bigger or put up with it :P