Scalable background?

[[DK]PCDEC]

How can i make my background scalable across different resolutions? I want to have a bar down each side and have it look the same in all resolutions.

[mmj]

Unfortunately I cannot find a way of doing this - I've checked out http://www.htmlhelp.com/reference/css/properties.html but there isn't anything about stretching the background image.

Could you use tables? You could set the column widths to 25%, 50%, 25% or something like that.

[cckrocks]

Really the only way to do it is with layers. You have to have a <div> with a 100% table in it, a z-index less than the rest of your page, and then use a picture with it's width attribute set at 100%. You will have to put the rest of your page in a <div> also with a higher z-index than the "background" layer.

[creole]

you might be able to do it with stylesheets.

try this (don't know if it will work or not):

BODY {background: url(image.jpg); width: 100%; height: 100%"; }

good luck