---
title: "Background-image problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/99679-background-image-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "monAmour"
published: "2004-03-17T13:14:39.000Z"
updated: "2004-03-17T21:44:37.000Z"
replies: 6
views: 355
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/99679-background-image-problem"
---

# Background-image problem

## #1 — monAmour, 2004-03-17T13:14Z

Hej,
Varför visas inte min bakgrundsbild i en DIV med följande:

```
#pageStructure {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1;
	display: block;
	text-align: right;
	background-image: url('images/background.gif');
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed;
}
```

Permalänk: https://www.webforum.nu/p/99679

## #2 — Web-Tor, 2004-03-17T13:16Z

Det är inte nåt fel på den koden (så länge bakgrundsbilden ligger på rätt ställe).
Hur ser resten av sidan ut?

Permalänk: https://www.webforum.nu/p/1302389

## #3 — monAmour, 2004-03-17T15:08Z

Skumt... så här ser min kod ut css och html

CSS

```
body #pageStructure {
	background: #fff;
	margin: 0px 0px 0px 0px;
	color: #000;
}

#pageStructure {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1;
	display: block;
	text-align: right;
	background-image: url('images/background.gif');
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed;
}

#leftColumn, #rightColumn {
	background: #fff;
	color: #000;
	float: right;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#leftColumn {
	padding: 50px 10px 10px 10px;
	width: 415px;
	margin-right: 30px;
}

#rightColumn {
	padding: 0px 0px 0px 0px;
	width: 183px;
	margin-right: 50px;
}
```

HTML sida

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
	<title> Albrektson Film &amp; Television </title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	
	<link rel="stylesheet" href="styles/typo.css" title="typographpic style" media="all" />
	<link rel="stylesheet" href="styles/structure.css" title="structure style" media="all" />

</head>
<body>
<div id="pageStructure">
<div id="rightColumn">
		<img class="noBorder" src="images/redbox.gif" alt="" />
		<div class="spacer">
		</div>
		asd
	</div>
	<div id="leftColumn">
		<h1 class="header">Welcome to<br /> Albrektson Film &amp; Television</h1>
		<p class="standard">
			Albrektson Television was established in 1991 by Benny Albrektson, former CEO of Albrektson &amp; Hedberg Film &amp; TV. During it's 10 years in business, the company has produced a vast number of commercial films, information films, TV &amp; radio spots as well as graphic vignettes and graphic over-all solutions. The company has also been responsible for major campaigns like <cite>"City Stormarknad"</cite> and <cite>"Stjärnurmakarna"</cite>, spanning over several years and with more than 100 TV-commercials, radio spots, poster campaigns, Christmas specials and sponsored weather graphics.
		</p>
		<address>
			<img src="images/addressDot.gif" class="noBorder" alt="" /><br /><br />
			Albrektson Film &amp; Television<br />
			Telephone +46 8-33 96 03, Mobile +46 705-755 009<br />
			Karlbergsvägen 56, S-113 37 Stockholm<br />
			<a href="mailto:benny@albrektson.tv">benny@albrektson.tv</a>, <a href="http://www.albrektson.tv">[url]www.albrektson.tv[/url]</a>
		</address>
	</div>
</div>

</body>
</html>
```

Vill ha en bakgrund positionerad längst upp till höger på min site i lagret pageStrucutre bakom right och left column.

Permalänk: https://www.webforum.nu/p/1302460

## #4 — silfver, 2004-03-17T15:32Z

```
background-image: url(images/background.gif);
```

Det där borde funka. Lägg märke till att jag tog bort '.

Permalänk: https://www.webforum.nu/p/1302478

## #5 — jarvklo, 2004-03-17T16:02Z

Hmm....

Den relativa adressen du använder till bilden kommer att tolkas som

```
/styles/images/background.gif
```

 i "vissa webbläsare" och 

```
/images/background.gif
```

 i "andra"  (och dessutom  olika beroende på \<!DOCTYPE om jag inre missminner mig) .

Dvs en del webbläsare kommer att leta efter bilden relativt din CSS-fils adress och inte relativt sidans adress...

Prova att t.ex. lägga en absolut adress till din bild i CSS-filen istället.

Permalänk: https://www.webforum.nu/p/1302493

## #6 — Web-Tor, 2004-03-17T16:38Z

Testa att lägga till ett kommatecken på första raden i din CSS så att den ser ut så här:

```
body, #pageStructure {
```

Permalänk: https://www.webforum.nu/p/1302515

## #7 — monAmour, 2004-03-17T21:44Z

Fick det att funka nu, det var så att IE tolkade min sökväg till bakgrundsbilden från webbroten istället för relativt...

Permalänk: https://www.webforum.nu/p/1302743

---

Tråden på webben: https://www.webforum.nu/amne/html-css/99679-background-image-problem
