I see the white screen around the sides and bottom.
The image either needs to be repeated vertically and horizontally to fill the browser; or if it wouldn't look good repeated, check this out: http://css-tricks.com/perfect-full-page … und-image/

You could also try this... Find a sky/stars background image (that's made to repeat seamlessly). Set it for your page background then set it to continue beyond the page borders (per Eric's post above). Now take just the earth image and put it where you want it on your page.

(Inger – I like that slideshow/background on the restaurant site )

Thanks for that! The images are not 100% good, I need to play around with them in PhotoShop when I get home from my holiday. (We are where that restaurant is).

Looks like a great place to be I'm jealous

ok I dont understand completely but I get that it is possible


http://jilmi.org/index.html

currently I have the middle as a PNG so it can feather fade into the back ground

but this means when i add my spinning world Gif or advanced text it gets a nasty square around them because VSD does not support dual transparency Mapping

what I want is to have the picture dead center of the persons screen and cover about 85% of it from the center out and then just have a black screen from there

no matter their screen resolution

Here is the code for centering an image vertically and horizonally:



You will have to give it the name of your file and the dimensions, and note that the margins have to be exactly half og those dimensions, and as negative values.

As I mentioned to another of your posts, the VSD experts will have to help yougetting this code where it belongs.

Thanks I put it in http://jilmi.org/index.html

It worked sort of but I noticed on zoom in and out the words can move

is there a script like this that can regulate the entire page?

I wasn't thinking that you wanted to apply the code to the background. Try this instead:

Not sure it will work in VSD, though. If not, use the trick that Paintbrush posted earlier in this thread, about a small image tiling all the background.

Yes that will work in VSD. This the part I like about VSD you can override a lot of stuff.

Sorry, I tried my suggestion in VSD and it didn't work. (Did you get it to work, Eric?)
My guess is that because VSD can't handle html5, it won't read this bit:

-moz-background-size: cover;
background-size: cover;

But while experimenting I found something that did work:

First you use a picture editing programme and make a pic with a transparent background and nothing more in it. It doesn't have to be large, just a wee rectangle.
Save it as 'whatever.png'.
Then boot VSD, set the page dimensions and centering, and for website background you choose picture, and then browse to the 'whatever.png'.
After having clicked ok, go to Settings -> background fill properties.
In there choose image, and browse to where you have the space.jpg.
Then click ok, and preview.

Sorry again for the confusion. The code I posted last night, which Eric repeated, works after all. I had made a mistake when testing at first, and of course, then it wouldn't work.

Anyway, Lord Maddog, now you have two ways of getting that space background to cover the whole page.