# Background image doesn't show up in Safari!

**URL:** <https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231>\
**Category:** web dev\
**Created:** [July 6, 2008, 6:28pm UTC](https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231 "2008-07-06T18:28:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mesilane](https://avatars.discourse-cdn.com/v4/letter/m/dec6dc/32.png) [@Mesilane](https://forum.kirupa.com/u/Mesilane)\
**Post date:** [July 6, 2008, 6:28pm UTC](https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231/1 "2008-07-06T18:28:22Z")

</div>

Hey!

I have a problem. I have made a band webapage, but when I use Safari, the background doesn’t show up. Instead of background image, i see just a white background. Background image shows up in all the others browsers (IE, FF, Opera, etc…).

link on the site: www.ardodsg.pri.ee/band/

---

<div class="post-metadata">

**Author:** ![Templarian](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/templarian/32/7152_2.png) [@Templarian](https://forum.kirupa.com/u/Templarian)\
**Post date:** [July 6, 2008, 8:00pm UTC](https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231/2 "2008-07-06T20:00:32Z")

</div>

It shows up for me… tested in FF3 IE7 and Safari.

[http://www.ardodsg.pri.ee/band/images/bg2.png](http://www.ardodsg.pri.ee/band/images/bg2.png)

Did you by chance fix it yourself (if so it usually a good idea to edit your post saying its been fixed)?

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [July 7, 2008, 2:07am UTC](https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231/3 "2008-07-07T02:07:19Z")

</div>

your css says:

```auto

body {
	background-image:url('images/bg2.png');
	background-repeat:repeat-y;
	background-position:center;
	background-color:#000000;
	color:#636464;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
body {
	background-image:url('images/bg2.png');
	background-repeat:repeat-y;
	background-position:center;
	background-color:#000000;
	color:#636464;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

```

2 body tags could be conflicting

---

<div class="post-metadata">

**Author:** ![abrarshf](https://avatars.discourse-cdn.com/v4/letter/a/a698b9/32.png) [@abrarshf](https://forum.kirupa.com/u/abrarshf)\
**Post date:** [July 7, 2008, 8:43am UTC](https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231/4 "2008-07-07T08:43:13Z")

</div>

its ok on all browsers

---

<div class="post-metadata">

**Author:** ![Mesilane](https://avatars.discourse-cdn.com/v4/letter/m/dec6dc/32.png) [@Mesilane](https://forum.kirupa.com/u/Mesilane)\
**Post date:** [July 27, 2008, 2:06pm UTC](https://forum.kirupa.com/t/background-image-doesnt-show-up-in-safari/265231/5 "2008-07-27T14:06:42Z")

</div>

[quote=simplistik;2354443]your css says:

```auto

body {
    background-image:url('images/bg2.png');
    background-repeat:repeat-y;
    background-position:center;
    background-color:#000000;
    color:#636464;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
}
body {
    background-image:url('images/bg2.png');
    background-repeat:repeat-y;
    background-position:center;
    background-color:#000000;
    color:#636464;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
}

```

2 body tags could be conflicting[/quote]

I used to have one body tag. Then it didn’t work. I duplicated it… and it worked. Kind of weird solution, but as long as it works i don’t mind to use it.