Home/ Questions/Q 8470355
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T16:29:38+00:00

I have an image that I am using as my background and am trying

  • 0

I have an image that I am using as my background and am trying to have it fill the width of the screen 100%. I have applied background-size:100% and in MZF it works, but in IE it won’t stretch anymore. Does anyone know a work around for this?

Here is the HTML…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        </head>
<body class="body">
            <!--Container to hold everything in the middle of page-->
            <div class="container">
</div>
</body>
</html>

Here’s the CSS..

.body
{
    background-image: url(final2.gif);
    background-size: 100%;
    background-repeat:no-repeat;
    background-color:#C2C2C2;
}

.container {
    width: 1000px;
    height: 1930px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color:blue;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See http://jsfiddle.net/j5q63/

    You can emulate a background using an image just after <body>:

    <img id="bg" src="path/to/your/image.png" />

    And then

    #bg{
    position:absolute;
    top:0;left:0;
    width:100%;
    z-index:-1;
}
    • 0