IE background issues

#1

I have this CSS:

body {
color: #333333;
margin: 0px;
padding: 0px;
z-index: 1;
}

#wrap {
width: 975px;
background: url('images/background.jpg')no-repeat top center;
color: #000000;
font: 13px Verdana, Helvetica, Sans-Serif;
margin: 0px;
padding: 0px;
text-align: left;
z-index: 3;
}

going like so:

<body>
<div id="wrap">

<Some content in here, including other divs and such.>

</div>

</body>

In Firefox, everything shows up just fine. In IE7 - the background,
which is a gradient, doesn't show.

Any ideas or help would be appreciated!

Thanks,

TW

#2

Quote:

In Firefox, everything shows up just fine. In IE7 - the background,
which is a gradient, doesn't show.

Any ideas or help would be appreciated!

IIRC there are situations where IE bases relative URLs on the wrong thing.

Test it with an absolute URL for the background.

Regards

Ian

#3

GA wrote:

Quote:

In Firefox, everything shows up just fine. In IE7 - the background,
which is a gradient, doesn't show.

Post a URL. Your code snippet does not tell us what we need to know,
besides the fact that we don't have the image in question.

--
Berg

#4

"GA" <fang27 (AT) excite (DOT) com> wrote

Quote:

In Firefox, everything shows up just fine. In IE7 - the background,
which is a gradient, doesn't show.

Without you posting an example on the web for us to look it it's hard to
say. That said, could be related to hasLayout, things not showing up when
they should, and only in IE, generally has something to do with this bug.
Plenty more info on this if you search Google.

If it is hasLayout then putting this in your head this might fix it:

#5

On Mon, 03 Dec 2007 22:44:23 GMT, Ian Hobson <ian.hobson (AT) ntlworld (DOT) com>
wrote:

Quote:

In Firefox, everything shows up just fine. In IE7 - the background,
which is a gradient, doesn't show.

Any ideas or help would be appreciated!

IIRC there are situations where IE bases relative URLs on the wrong thing.

Test it with an absolute URL for the background.

Regards

Ian

Yeah, I read about that and tried it, but it did not work.

After playing around I found that if I separate the no-repeat into a
tag of its own, like so:

background-repeat: no-repeat;

Everything worked fine. Which is ridiculous.

-TW

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

IE background issues

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

IE background issues - 12-03-2007 , 04:07 PM

Re: IE background issues - 12-03-2007 , 04:44 PM

Re: IE background issues - 12-03-2007 , 06:05 PM

Re: IE background issues - 12-03-2007 , 07:16 PM

Re: IE background issues - 12-03-2007 , 08:02 PM