ive seen thing like this on a few small geosities site and ive been trying to find the code.

heres the css for the background


table {
width: 100%;
margin: 5;
spacing: 5;
padding: 5;
font-size: 12px;
text-align:left;
align:center;}

table#table {
width: 100%;
align: left;
background-image: url('images/background.GIF');
background-repeat:no-repeat;
background-position:center;}

table td {
padding: 5;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;}

now heres the idea.

place your curser in the middle of your screen.
now scroll with only your wheel.( if you have one.)
now the background would be your curser.
it does not move. but the rest of the site does.
ive looked around and found a scrolling background for css/javascript. but it makes the background scroll in a repeating loop.

any ideas how i can get this to work?

thanks
Marc

I honestly do not understand what you're trying to accomplish here.
Quote:
This defines the background image. Move this style definition to the body { part of the stylesheet.
Also add this:
background-attachment:fixed;

That will keep the background in place while you scroll.

Herko

ok problem fix.


turns out that i didnt see the hole picture.


table#table {
width: 100%;
align: left;
background-image: url('images/background.GIF');
background-repeat:no-repeat;
background-position:center;}


this needed 2 thing


table#table { <-changed to Body
width: 100%;
align: left;
background-image: url('images/background.GIF');
background-repeat:no-repeat;
background-attachment:fixed; <-added
background-position:center;}

nothing like sleeping on it, to think clearly.

and thanks for posting a reply Herko