Background Image Compatibility

oliapolo · Joined: 10 May 2008 Posts: 1

The page was tested using Firefox.
I can't get the background image (background color works fine) to show up in either IE or Safari.

What am I doing wrong?

(It doesn't have to be written with CSS, if that helps):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<script language="JavaScript">window.resizeTo(1200,900)</script>
<style type="text/css">

body
{font-family: Century Gothic; background-color: rgb(199, 188, 171); color: rgb(0, 0, 0); background-image: url(IMAGES/BGLionSarc.jpg);}

<title>Antiquities</title>
</style>
</head>

quartzy · Joined: 26 Dec 2007 Posts: 369

I can see that you have entered two colours for the background one of which is black.

sticks464 · Joined: 31 Dec 2006 Posts: 837

This is how your page should look

Straystudio · Joined: 14 Apr 2008 Posts: 182 Location: Nord Italy

Code is right
( apart from <title>Antiquities</title> needing to be pulled out from STYLE tags ).

Problem may have to do with file storage: I see the filepath calls a sub-folder.
This mean, where (directory) You saved the Document.html, You should find further an IMAGES folder; opening which, You find the BGLionSarc.jpg file of image.
NOT to find Document.html and BGLionSarc.jpg together showing cool in the same Open File dialog box.

By the way, You may not have the "bare" Document.html there; You might have it stored in a folder (say it: HANDLERS), this folder indeed appearing together with the other IMAGES folder.
If so, do so:

background-image: url(../IMAGES/BGLionSarc.jpg);

dot-dot-slash makes the Browser moving one level back to find files, into the upper Directory containing both HANDLERS and IMAGES Directories.

As the last (better: at first) You may enter the absolute URL in place of IMAGES/BGLionSarc.jpg relative URL to test.

sticks464 · Joined: 31 Dec 2006 Posts: 837