Centering Background Images

HTML & CSS
1

Hello,

I am very interested in finding out how to create a background image which is centered on the page and expands over the whole screen and shows the same on different types of screen resolutions. (example 1024px by 768px, 1280px by 1024px…)

Kinda some examples:

http://seedplanted.org

Thanks!
Justin

2

You could try something like this:

Supersized 3

It has an option just to have a single background image, rather than a slideshow.

The easiest way, of course, is just to have a centered background image on the body that doesn’t resize.

3

Cool App im really getting into jQuery its super fast.

Thanks!

4

I would REALLY advise against doing that – your two examples being so massive and taking so long to load I’d be shocked if anyone bothers waiting for the page to finish loading. At the sizes you mentioned you’re looking at a half a megabyte image – four times the upper limit I’d allow on a single page of a website in HTML+CSS+IMAGES+SCRIPTS!

There’s a reason you don’t see that on REAL websites, and instead on artsy sites that while very pretty, are ultimately useless with no real traffic.