I’d like to know if it’s possible to have a background image spread over the whole browser, like width: 100%; height:100%. No matter the size of the clients browser.
@WebJoelJul 13.2006 — #What is the image of? A 'seamlessly-tiling' image, yes, it can and will fill the background of a page, throughout all widths and heights.
But I assume that you infer a single image file of something specific, an item or logo or portrait image of some sort that would need to be stretched and pulled to fill the entire background real estate. This would gobble-up user-RAM and greatly slow-down the download time.
You might better have a smaller image that has transparent parts/edges, and either center it or position it pleasingly. That way, you aren't creating a 10-minute download page for those still using 56-K dial-up, -and besides, a smaller image can be viewed upon a greater number of browser-widths if positioned properly. See: http://ca.geocities.com/troublewp3/ to view an older webswite of mine with a background image of transparent edges and pleasing positioning ?
Thnx for your anwser. Yes, I'd like to have a background of a sky as my background. But you say I have to think of something else, because it's to heavy to load...?
@WebJoelJul 14.2006 — #I was playing around with PaintPro and your idea and came up with a document that you might find inspired.
First, to create the sky, a gradient image of 6-pixels wide by a thousand-something pixels tall. This seamlessly-tiles to the background, suggestive of a sky with horizon-darkening as you look lower.
Next, some PaintPro-created clouds using the spraypaint tool, absolute-positioned (so that they'd be out of the doucment-flow), positioned by pixel-amount, and some by %-amount so that the latter will 'move' a little bit upon manual resizing of the browser.
Somehow though to make this work, I have to give the cloud images a negative z-index. This is a bad practice I have been told, as only IE understands negative z-index. Anyway, check out the attached ZIP'd file.