[css-d] background not showing in IE. Urgent!

[Jody Levinson]

I've just discovered that the background of a site I'm working on is not 
showing in IE and I can't figure out why.

The site is here: http://aligncomm.com

The CSS for the background image is 

body { background: #00 url(/images/bg.jpg) no-repeat top center; }

I've tried entering: 
http://aligncomm.com/images/bg.jpg 
/images/bg.jpg
../images/bg.jpg
http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg

I've tried with and without single quotes.

I've been googling the problem with no success so far.

Help!

Jody

--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background not showing in IE. Urgent!

[Micky Hulse]

Not looked too closely, but a few thoughts:

1. http://aligncomm.com/images/post-topbgx.png is missing when viewing
"net" via firebug. Not sure if related.

2. /images/bg.jpg exists, but it redirects here:

http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg

Maybe IE does not like redirect? Have you tried linking to:

url(/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg)

> I've tried with and without single quotes.

Some good info here:

"CSS background-image - What is the correct usage?"


My bet is the redirect to the "real" image.

Good luck!
Micky
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background not showing in IE. Urgent!

[Jody Levinson]

Thanks so much, Micky,

Yes, I'm aware of the missing post-topbgx.png image. That is deliberate.

As I indicated, I did try it with the redirect url.

Thanks for the link. I'll look there right away. I'm still googling and not 
finding anything helpful. I've also tried putting the style inline.

Jody

On May 31, 2011, at 10:33 AM, Micky Hulse wrote:

> Not looked too closely, but a few thoughts:
> 
> 1. http://aligncomm.com/images/post-topbgx.png is missing when viewing
> "net" via firebug. Not sure if related.
> 
> 2. /images/bg.jpg exists, but it redirects here:
> 
> http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg
> 
> Maybe IE does not like redirect? Have you tried linking to:
> 
> url(/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg)
> 
>> I've tried with and without single quotes.
> 
> Some good info here:
> 
> "CSS background-image - What is the correct usage?"
> 
> 
> My bet is the redirect to the "real" image.
> 
> Good luck!
> Micky
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background not showing in IE. Urgent!

[David Laakso]

On 5/31/11 1:21 PM, Jody Levinson wrote:

I've just discovered that the background of a site I'm working on is not 
showing in IE and I can't figure out why.

The site is here: http://aligncomm.com



The background image appears in
Mac OS X  running Parallels XP IE/8;
and in Mac OS X running Parallels IETester IE 6/7/8;
and in Mac OS X running Parallels XP IE/6 standalone.

Best,
~d

--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background not showing in IE. Urgent!

[Micky Hulse]

Ok, so I cracked open IE9 and turned on the IE "developer tools".

While inspecting your generated source HTML, I noticed this inline
style attached to your body tag:



I have never seen all that cruft before...

When I removed the above inline CSS, the background image showed up in IE9.

When viewing your source code, I see this:

http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg";)
no-repeat top center;">

What's really strange is that when I copy the source code, put it on
my server and change all the paths to absolute, the background image
displays fine in IE9 (and no cruft is added to body tag).

I thought it was JS, but I don't see anything problematic in terms of
the scripts you are using.

I am probably missing something obvious here.

Good luck!
Micky
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background not showing in IE. Urgent!

[Tim Duffy]

I just tested on ie6 and the background did not show up.

I changed the double quote to single quotes and it did show up:

http://aligncomm.com/uploads/03/a4/03a4cefbe0ccf8856b4320ea01f7a3a6/bg.jpg')
no-repeat top center;">
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/