no scroll background

Okay, sorry about the unclear title...
I'd like to know how backgrounds are made so they don't scroll with the text on the page?

Probably another easy answer that I could figure out, but ever since I found this forum I've been becoming more and more dependent upon it...

Einh.
Thanks in advance!

/jannin

The above assumes your background image is named background.gif
Could be any background image though.

you could also use the shorthand version



save a couple key strokes anyway

Not to mention.....

{body background img fixed src="location"}

Actually, I could be incorrect about this one. It's been a while since ive use an image for a background. I think that will work though. some one correct me if I'm wrong.

Sonire, what the heck is that?

HTML uses < and >
CSS uses { and }

heh, thanks all,

actually I got impatient and figured that part out on my own
but now I'd like to know...
is there any way to use the codes you've given me, and change the size of the image so it's the same size as the screen (100%)?

Tried to find that out on my own, didn't work too well. x.x

Thanks again!
/jannin

CSS cannot be used to accomplish what you want, but other techniques can be used. Look at tedster's replies in this thread, and also look at the very last reply by starway...

http://www.webmasterworld.com/forum83/303.htm

For proof that you can do this with CSS, look at http://www.gsv2.com/en/?p=gallery

The dj image on the bottom right is a fixed background.

Errrr... I don't see any indication on that Groove Seeker page where any background image has been resized to stretch to accommodate 100% of the width and height of a user's screen resolution. The Groove Seeker page you linked to above is however a perfect example of a fixed background in use, which is what jannin's first question in this thread was asking, and which I and others already responded to immediately after. I supplied the CSS to show how to do so and digitalMedia gave a shortened version. I am not disputing that a fixed background is possible. It most definitely is. When I answered jannin above (and where you quoted me), I answered in direct response to and immediately following jannin's 2nd question in this thread, quoted below and highlighted in italic bold...

My bad, I thought we were still discussing the fixed background issue. Guess I should take my own advice and READ before posting.

Slight problem, Nunzio390, I can't enter that thread, it's members only, and I'd have to pay to register.

Any other ideas?

/jannin

jannin....

Are you referring to this thread? ...
http://www.webmasterworld.com/forum83/303.htm

It's true that you can't reply to any thread there without first registering and then logging in. But you most certainly do not have to pay to register there. It's a forum, similar to here at Ozzu.

Go ahead and register there, if you'd also like to post there too...
http://www.webmasterworld.com/reg.cgi

You could also do a resolution check and then redirect to a separate page so it all fit correctly.

more on how to do this at <a href="http://www.dynamicdrive.com">Dynamic Drive</a>

have the image position absolute, in the top left corner, stretched 100% and then set the z-index so its behind everything!

Wil that work?

sorry - i was just leaving for work when I wrote that...
try:

Then place the image you want for your background in an img with id="backgroundimage".

I don't know if that z index will work, you might need to set some other z-indeces on other elements. Have a go and see what happens, unless someone else has already tried this and it doesn't work lol.

If you are going to check for screen size, then don't do a redirect, just put something like this in your title tag:

Saves you messing around with multiple pages and all that. It also gives you a handy alternative to those people who have javascript switched off.

BTW I have tested none of the code here so it will all need debugging....

Ok, I have now tried the first one...

It works if:

a)everything else on your page has a higher z-index AND everything else on the page is absolutely positioned (Or you have to put the image as the first object in the body tag.

b) you are not using IE (IE can't cope with fixed position stuff too well, there may be a hack but I don't know it...)

So possibly best to ignore that one, The second one should still work...

//edit: in case you were wondering, the background-size property should be introduced for css3:
http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size