Some browsers can't see background images

HTML & CSS
1

Hi, This is a weird one. I have seen on some computers IE behaving very strangely showing websites almost devoid of any CSS at all. But not completely as the divs widths are shown correctly but the background images are absent and the font is default.

I have just shown a website mockup to a client as a background image to the body tag and she can’t see it.

What is the setting in the browser that does this?

This is not the usual problem with IE different interpretation of various HTML and CSS. This is something more basic.

I hope this makes sense.

2

Sounds like a typo in your code. Unless you want to show us something, try validating your page.

3

http://robcubbon.com/dev/firefly/index-4.html

Can you see this page?

I’ve seen on some people’s computers some styles are not shown by the browser. Unless I’m going mad which is always a possibility :slight_smile:

4

That’s not a much of a web page; it’s just a background image and no content. But you’ve got an error in there anyway: an extraneous ‘">’ character pair after the last CSS declaration.

width: 1000px[color=red][b]">[/b][/color]
5

The point is, AutisticCuckoo, that my client can’t see the background image with or without the error and I’m wondering why this is. Thank you.

6

Could be some oddball setting in his/her browser. The current page (without the error) shows in IE7 and IE6 for me.

If the purpose is just to show a mockup, you could just include the image as an <img> tag in the foreground. That ought to work everywhere, unless the client has disabled images altogether.

7

That’s what I’d thought. It would be good to know what this oddball setting is. Yes, I’ve sent the mock-ups to her as <img> tags in the <body> so I hope she can see them now.

Thanks for your help, AutisticCuckoo

8

Sometimes, when you type in your css for the background image, you might forget that in the css there can not be a space between url( . It does not show up then in some browsers, other browsers might read it.

body {
background-color: #xxx;
background-image: url(Background-Images/xxRepeat.jpg);
}

9

Thanks, Datura, I’d often wondered about that but I think I had the CSS correct with correct spacing.

10

It’s visible here (Opera 10.53). Think your client might have images turned off?

11

Thanks, Black Max, but she didn’t have images turned off. She only couldn’t see background images.

12

Have you just tested with your own sites or is it all websites that have background images that she cannot see? It probably doesn’t help having an empty body either. It could be possible some form of content blocking is in place that considers the image dubious content, etc.

13

There were two issues. The first was my client which seems to be OK but the second has been on friends’ PCs where I’ve seen sites render in IE without background images and some styles but not totally without CSS. But it seems to be a one-off. Thanks.