table background fit

[KryptoS]

Hey,

How do i make the background image stretch to fit the table??? I do not want the image to repeat. It should only be a single image stretched as per resolution or size of the screen as the table does the same.(The table in turn has cells which has text content. )


greetz

The One And Only KryptoS

 

[BillyRayPreachersSon]

You cannot get a background image to stretch to fit.

Hope this helps,
Dan

 

[vongrunt]

True... CSS currently doesn't support any kind of background scaling.
It is possible to simulate stretching by using DIV tag, a little bit of javascript and Z-index.

For IE5.5 and higher this should work:

<style type="text/css">
.blah
{	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.gif, sizingmethod=scale)"
}
</style>

 

[dkdude]

Hi,

Like Dan says -you can't stretch the background image. However, you can control how the background image is displayed, using CSS:

[tt]
Property : background-attachment
Values : scroll
- The image will scroll with page-scroll
: fixed
- The image will stay put

Property : background-image
Values : url(imageName)
- Example : url(bg.gif);
: none
- No background image is displayed

Property : background-position
Values : top left
: top center
: top right
: center left
: center center
: center right
: bottom left
: bottom center
: bottom right
: x-% y-% (both or either)
: x-pos y-pos (both or either)

Property : background-repeat
Values : repeat
- This is the default (as if omitted)
: repeat-x
- Image repeated in x-direction only
: repeat-y
- Image repeated in y-direction only
: no-repeat
- Image will be shown once only (in the current cell)

[/tt]

Hope this helps.

Good Luck §:O)


Jakob


Property :
Values :

 

[BillyRayPreachersSon]

Nice tip, vongrunt. I'm forever forgetting about the Microsoft extensions.

Dan