How to make backg img fill whole DIV container

[javierdlm001]

I need this to work for IE8 though (WinXP).
I have tried this:

div
{
background:url(image location) no-repeat;background-size:200% 200px;
}

Not working.

Could it be browser related?

Thanks guys!

JDL

 

[javierdlm001]

Btw, it doesn't matter if the image deforms.

 

[javierdlm001]

Bad news.
According to this page:

http://www.quirksmode.org/css/background.html#size

IE8 does not handle this atribute

Can one get this done with Javascript then? If so what would be the code?

Thanks guys,

JDL

 

[ChrisHunt]

What does your background image look like? Maybe you can achieve the effect you're after in other ways?

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[darryncooke]

great jquery plugin

http://www.ajaxblender.com/bgstretcher-jquery-stretch-background-plugin.html

Darryn Cooke

http://www.darryncooke.com

| Marketing and Creative Services

 

[javierdlm001]

Chris, I wanted to use a photo as a background of a DIV. But instead of repeating it I wanted it to stretch to fill the DIV, even if some deforming would happen. Unfortunately IE8 doesn't support "background-size"

Darryn, thanks a bunch for the suggestion. Unfortunately I'm doing this in a very restricted work environment. But it's good to know though.

I guess I'll just have to go with a pattern instead of a photo, and make it repeat.

JDL

 

[ChrisHirst]

As it is for a browser that is dying off somewhat quicker than it's older siblings did, why not simply position it center center and set a suitable background colour using conditional comments for IE8.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum