Fixed-width background

[Steve]

How can I specify a background image so that the image dynamically
resizes depending on the resolution of the viewer's screen? That is,
background images ordinarily appear bigger when viewed on
low-resolution screens and smaller when viewed on high-resolution
screens. Is there any way to display the background graphic as
'centered, 50% of screen width"? Alternatively, is there any way to
keep the background graphic from tiling? The web page needs to be
viewable by those without Java, and by those using AOL as well as IE6.
TIA
steve

 

[Adrienne]

How can I specify a background image so that the image dynamically
resizes depending on the resolution of the viewer's screen? That is,
background images ordinarily appear bigger when viewed on
low-resolution screens and smaller when viewed on high-resolution
screens. Is there any way to display the background graphic as
'centered, 50% of screen width"? Alternatively, is there any way to
keep the background graphic from tiling? The web page needs to be
viewable by those without Java, and by those using AOL as well as IE6.
TIA
steve

Background images cannot be resized. However, they can be kept from
tiling.

body {background-image: url("yourimage.png"); background-repeat: no-
repeat; background-color: color similar to image; color: contrasting color
for text;}

You are also confusing Java with Javascript, they are not the same.

 

[Brett]

Is there any way to display the background graphic as

'centered, 50% of screen width"?

body{background-position: center;} <-- this will be centered top to bottom
and left to right
body{background-position: center top;} <--this will be centered horizontally
and aligned at top
....ect.

 

[Richard]

Gazing into my crystal ball I observed Steve
<[email protected]>
writing in news:[email protected]:

Background images cannot be resized. However, they can be kept from
tiling.

body {background-image: url("yourimage.png"); background-repeat: no-
repeat; background-color: color similar to image; color: contrasting
color
for text;}

{background-position: center} may work in some browsers.

You are also confusing Java with Javascript, they are not the same.

 

[Steve]

Thanks to all for the suggestions -
steve

body{background-position: center;} <-- this will be centered top to bottom
and left to right
body{background-position: center top;} <--this will be centered horizontally
and aligned at top
...ect.