background positioning using css

[spok61438]

hi,

I'm trying to get a picture (my background) to sit at the bottom left of the window no matter what resolution the viewer is using. I was wondering It could be done.

my actual css concerning body :

      body 

           {

	       font:11px verdana, arial, helvetica, sans-serif;

	       color:#222;

	       background-color:white;
	       background-image: url(bg.jpg);
	       background-attachment: fixed;
	       background-position:70%;
	       background-repeat:no-repeat;

my site is : http://fizzmo.dyndns.org:8080

if any other information is necessary just ask.

thanks in advance for your help.

[BWiz]

For me the picture IS set to the bottom left... (using FF2)

[CaptainB]

Same here.... (IE6)

[interlog]

The website doesnt load:S

[spok61438]

maybe this picture will explain best what i mean

I use FF on the left and Opera on the right (only difference is number of bookmarks in the toolbar, which change the size of the visible window)

[BWiz]

Try this gopher:

 background-position: bottom;

[Graft-Creative]

Maybe give this a shot...

      body {
	       font:11px verdana, arial, helvetica, sans-serif;
	       color:#222;
               background: white url(bg.jpg) bottom left no-repeat;
            }

That will keep the image plugged into the bottom left of the page at all times.

Gary

[spok61438]

I tried both real quick and the proposition from BWiz is working and the other aint.

thank you very much for your help

[Graft-Creative]

Originally Posted by spok61438

the proposition from BWiz is working and the other aint.
thank you very much for your help

Sorry, I neglected to add 'fixed' into the mix.

Try this:

      body {
	       font:11px verdana, arial, helvetica, sans-serif;
	       color:#222;
               background: white url(bg.jpg) fixed bottom left no-repeat;
            }

BWiz's method results portions the headphone image being shoved off to the left and out of the viewport at lower resolutions/browser window sizes...the above doesn't - it keeps the image bottom left, without cutting any of it off, whatever the resolution. Try it, you'll see what I mean.

Hope that helps,

Gary

P.s. only tested in FF

[spok61438]

thank you very much for your help dude working as expected

have a good day