3 replies [Last post]
tvrulesme
tvrulesme's picture
Offline
newbie
UK
Last seen: 7 years 38 weeks ago
UK
Joined: 2012-11-06
Posts: 2
Points: 3

I need to have a background image stretch to full width but retain it's height. This is working fine in Firefox and Chrome but IE without compatibility mode is not stretching the image.

My CSS is as follows:

/* This is used for the main login screen */
.v-verticallayout-homepage {
background: url(img/mandg-logos/city-scape.png) bottom left no-repeat ;
width:100%;
position:fixed;
background-position-x: 0%;
background-position-y: 100%;
background-position-z: -999;
background-size: 100%;
width 100%;
background-color: white;
min-width: 100%;
color: black;
}

You can see the effects live here: http://www.mandgonline.com/

pav
pav's picture
Offline
Regular
Last seen: 7 years 5 weeks ago
Timezone: GMT+1
Joined: 2012-10-18
Posts: 33
Points: 41

Fluid images are supported in

Fluid images are supported in IE7 and above. You need to use JS to support any lower versions.

kevin619
kevin619's picture
Offline
Regular
Fremont,CA
Last seen: 6 years 13 weeks ago
Fremont,CA
Timezone: GMT+5
Joined: 2012-02-16
Posts: 24
Points: 28

I agreed to the Pav, You can

I agreed to the Pav, You can use JQuery or JS for any support.

Make sure you check out my>>App Designers Blog<<

tvrulesme
tvrulesme's picture
Offline
newbie
UK
Last seen: 7 years 38 weeks ago
UK
Joined: 2012-11-06
Posts: 2
Points: 3

Which Javascript?

Do you have any idea what javascript would be needed?