473,387 Members | 1,517 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

IE background issues

GA

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

Dec 3 '07 #1
5 1766
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
Dec 3 '07 #2
GA wrote:
>
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
Dec 4 '07 #3

"GA" <fa****@excite.comwrote in message
news:t8********************************@4ax.com...
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:

<!--[if lte IE7]>
<style type="text/css">
#wrap {
height: 1%;
}
</style>
<![endif]-->

Dec 4 '07 #4
GA
On Mon, 03 Dec 2007 22:44:23 GMT, Ian Hobson <ia********@ntlworld.com>
wrote:
>
>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

Dec 4 '07 #5
GA wrote:
On Mon, 03 Dec 2007 22:44:23 GMT, Ian Hobson <ia********@ntlworld.com>
wrote:
>>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.
I reckon it's because in your original CSS, you had no space between the
url property and the no-repeat:

background: url('images/background.jpg')no-repeat top center;
^^
Firefox manages to decipher this correctly but IE must ignore the rule.
Dec 4 '07 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Bryan Field-Elliot | last post by:
We're designing a web app in which some operations will take a long time to complete (maybe two minutes). Because it's a high-volume application, we don't want browser connections hanging open for...
25
by: Neal | last post by:
According to the CSS lint at http://htmlhelp.org/tools/csscheck/, "The shorthand background property is more widely supported than background-color." Can anyone point me to, or provide, information...
1
by: Mathieu Masseboeuf | last post by:
Hi, I'm redesigning a website and am working on Safari / Firefox to do that, and then moving to ie to fix any bug I can find (a lot) The example page is the following :...
3
by: Viken Karaguesian | last post by:
Hello all, I need somehelp with background tiling. I have a sneaking suspicion that what I want to do is not possible, but I'll ask anyway. :>) First some background: Here's the site in...
5
by: Michael | last post by:
Is there a way to specify a background-image for a html table cell in a theme's css file. I know a lot of things I can't do... can't figure out one that I can do: 1) ~/ Images/logo.gif...
8
by: Brian Ward | last post by:
I am looking for a simple way to set the image transparency in a PictureBox. I have a moving PictureBox containing a graphic image .. moving by incrementing its Left property. The background...
9
by: Eric Lindsay | last post by:
How do you provide a consistent gradient fill as a background in a liquid layout? If I make a gradient fill image say 1000 pixels wide (and repeat it down the page) to suit a typical computer...
8
by: salmobytes | last post by:
Making thumbnail images isn't all that hard, for the most part. There is lots of shrink-wrapped code out there you can download and/or munge from. But nothing I've yet seen does the right thing...
4
by: Bob Altman | last post by:
Hi all, I posted an earlier question to the microsoft.public.inetserver.asp.general newsgroup asking how to set the background of a client-side table cell to a gradient, and I received this...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.