Add background scrolloing with page

I'm trying to add a background (Dolphin 7) which also scrolls with the page. I have found many posts here all giving different css sheets to edit and different code. Has anyone successfully done this and could you kindly give me the css sheet to edit. The background should go behind the modules and could start at the very top of the page or under the header

Regards

Toni

What you want is a picture behind the main table I think. 
If you use a color this is possible, but a image not because you never know how long a page will be.  A background picture behind the total page with a fixed place where other pages scrolling over is possible.

By the way this message is in wrong place, this is 6.1. and not 7. :)

Thanks your support. I hope admin here can transfer my post to the right Forum! Sorry about that. The picture will have a gradient to white so it can be fixed, Do I wait for an answer here or start a new topic in Dolphin 7 section?

Regards

Toni

You need to go to your template css folder (base) and look at the common.css folder and place code there at the top where it shows background.. I have done it with my site, works great.

Here is a example

.@import url(../../base/css/common.css);
body {
background-color:transparent;           <----------I made transparent
background-image:url(../images/bk-Spider_Web_Website_Background_BlkRed-1.gif);   <-----I had to add this line to make background show up.

color:#CCCCCC;
}

Spider_Web_Website_Background_BlkRed is the background I have used on my site. Make sure you make the background transparent besides adding your background image, so that it does not interfere with your background. If you want to see what I did you can message me and I will send my site url, but wont post it on here anymore.

Also there is a script that will keep your background in place while you scroll as well. Just google fixed background.

I finally got the background to show but it repeats down the page.

body {
background-color:transparent;
background-image:url(../images/top_bg.png) ;
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-color:#ffffff;
margin:0px;
padding:0 0 50px 0;   
}

What should I type in? I tried no-repeat but that didn't work. The background image doesn't show

Regards

Toni

After some more re-search and trial and error I finally got it exactly as I wanted. I added the background image css code as:

body {
background-color:transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
background-image:url(../images/bg_image.jpg);
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-color:#000000;
margin:0px;
padding:0 0 50px 0;