Safari wont display background image

Question

Level 1

37 points

Safari wont display background image

Hi,

I have a background-image in css set for the body tag, but Safari wont load the image. I even have a background-color set and that wont work either. But in Firefox and IE, it all works just fine. The weird thing is that I have other sections with their own background-image and they work in Safari, just no the body tag. Any ideas?

body {
margin: 0;
padding: 0;
text-align: center;
background-repeat: repeat-x;
background-color: #A19B94;
background-image: url(images/background.jpg);
}

Thanks,
Josh

powerbook g4 12 867mhz, Mac OS X (10.4.11)

Posted on Jun 19, 2008 1:54 PM

Reply

Answer 1

Tom_X

Level 5

5,260 points

Jun 19, 2008 4:16 PM in response to Josh Johnson

Josh, Try this...

<style type="text/css">
body {
margin: 0 !important;
padding: 0 !important;
background-repeat !important;
background-color: #A19B94 !important;
background-image: url(images/background.jpg) !important;
}
div.c1 { text-align: center !important; }
</style>
</head>
<body>
<div class="c1">
Your Centered Text Here...
</div>
Tom

Message was edited by: Tom

Reply

Answer 2

Tom_X

Level 5

5,260 points

Jun 19, 2008 10:01 PM in response to Josh Johnson

I made a mistake on the "background-repeat: repeat".
Here's the fix..

<style type="text/css">
body {
margin: 0 !important;
padding: 0 !important;
background-repeat: repeat !important;
background-color: #A19B94 !important;
background-image: url(images/background.jpg) !important;
}
div.c1 { text-align: center !important; }
</style>
</head>
<body>
<br />
<div class="c1">
Your Centered Text Here...
</div>

</body>

Tom

Reply

Answer 3

andyBall_uk

Level 7

20,516 points

Jun 20, 2008 1:23 AM in response to Josh Johnson

Hi Josh

I used your code copied/pasted within <style type="text/css"> and </style> in the head of a new html document & both the background and color showed up in safari 2.0.4 and 3.1.1,

I'd guess at some small but important error in the rest of the code, Safari is sometimes very intolerant of such things comapred to other browsers.

Reply

Answer 4

Josh Johnson Author

Level 1

37 points

Jun 20, 2008 7:51 AM in response to Tom_X

Hi Tom,

What does the !important do? Thanks everyone for your help.

I found out that Dreamweaver decided to put a "@charset "UTF-8";" in my css code. It weird thought why Safari took every other settings but the body.

Thanks,
Josh

Reply