max7
asked on
Background Image Position y% does not render correctly in IE
Greetings,
I'm positioning a background image in the body element using the CSS in the code window below. I'm using 50%, -30% because it's only way I can adjust the picture so that it drops down exposing image properly. This renders perfectly in FF and I can continue to adjust the Y axis of the background image easily but in IE the -30% seems to have no affect whatsoever. From what I know, this should work in IE as well.
Question: how do I get the backtground image position % to work in IE so I can adjust both the X and Y axis image positions?
I've attached pics to show what is happening.
iebgimage.JPG
I'm positioning a background image in the body element using the CSS in the code window below. I'm using 50%, -30% because it's only way I can adjust the picture so that it drops down exposing image properly. This renders perfectly in FF and I can continue to adjust the Y axis of the background image easily but in IE the -30% seems to have no affect whatsoever. From what I know, this should work in IE as well.
Question: how do I get the backtground image position % to work in IE so I can adjust both the X and Y axis image positions?
I've attached pics to show what is happening.
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: url(Images/osi_background5.jpg) 50% -30% no-repeat #03407f;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
ffbgimage.JPGiebgimage.JPG
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
The reason why IE is so popular, is that Microsoft won The Great Browser Wars by cheating and including IE in Windows. (And payed huge fines for it.) Netscape went from about 90% usage to 10%, and never regained it's glory. Firefox was born after the wars, and has since gained about 20% usage, replacing Netscape as the main Mozilla based browser.
ASKER