---
title: "Background-image funkar inte"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/172687-background-image-funkar-inte"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "seamonster"
published: "2008-07-09T11:28:44.000Z"
updated: "2008-07-10T15:51:20.000Z"
replies: 7
views: 1420
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/172687-background-image-funkar-inte"
---

# Background-image funkar inte

## #1 — seamonster, 2008-07-09T11:28Z

Min CSS background-image för min footer funkar inte.

```
div#footer
{
	width: 700px;
	height: 25px;
	background-image: url(../bilder/footer.jpg);
}
```

Den funkar i alla andra divvar men inte i denna.
Bilden är 700x25 och jag har testat o höjat divven till 701x26 men det hjälper inte.
Vad kan jag göra för fel? :S

/Seamonster

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

## #2 — effata, 2008-07-09T12:39Z

Ser inget direkt fel på din css, så det börde vara något annat som påverkar. Kan inte säga mer utan att se hur resten av sidan ser ut...
Är du säker på att pathen stämmer? Relativa paths utgår normalt sett från cssfilen och inte htmldokumentet, så ligger dom i olika kataloger behöver du tänka på det.

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

## #3 — silfver, 2008-07-09T14:33Z

Pröva skriva ut hela sökvägen till bilden. Alltså; <http://domän.se/bilder/footer.jpg>

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

## #4 — seamonster, 2008-07-09T18:39Z

Nej, det var visst inte någon sökvägs fel, eller css fel.
Utan att när jag använder background-image/background-color så hamnar den automatiskt under headern, altså bakom Main divven. 
Texten hamnar där footer Ska vara, men bakgrunds bilden under headern :S

Ett sätt så jag kan göra en \<img src\> o sen skriva På den bilden går ju lika bra...
Här är länken till hemsidan om den hjälper: <http://seamonster.dontexist.com/~albin/ninteen/>

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

## #5 — effata, 2008-07-09T19:44Z

Problemet är att "text" och "secmenu" divvarna är floatade, vilket betyder att dom inte "tar upp plats".
Det du behöver göra är att lägga text och secmenu i en wrapper, och applicera [clearfix](http://www.webtoolkit.info/css-clearfix.html) på den.
Lägg till koden på clearfixsidan i din css och sätt class='clearfix' på alla element som innehåller floatade element (ser ut att bli bara din wrapper).
Lite snabb pseudokod för att ge ett exempel:

```
<div id="container">
<div id="header" />
<div class='clearfix'>
<div id="primenu" />
<div id="text" />
</div>
<div id="footer" />
</div>
```

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

## #6 — seamonster, 2008-07-09T20:17Z

Hmm... Fattade inte riktigt hur jag ska använda clearfix. 
Du tror inte du kan förklara lite bättre? hehe :)

Hemsidan är uppbyggd på följande sätt om det hjälper:

```php
<div id="container">
	<?php  

		require_once ('pages/header.php');
		require_once ("pages/primenu.php");
	
		if(!isset($_GET["page"]))
		{
            include("pages/start.php"); 
			include("pages/secmenu.php");
		} 
		else 
		{
        switch($_GET['page']){
       
		case 'start':
			include("pages/start.php");
			include("pages/secmenu.php");
			break;
			
		case 'bilder':
			include("pages/bilder.php");
			include("pages/secmenu.php");
			break;
			
		case 'ommig':
			include("pages/ommig.php");
			include("pages/secmenu.php");
			break;
			
		case 'mittsystem':
			include("pages/mittsystem.php");
			include("pages/secmenu.php");
			break;
			
		case 'downloads':
			include("pages/downloads.php");
			include("pages/secmenu.php");
			break;
		
		case 'siw':
			include("pages/siw.php");
			include("pages/secmenuex.php");
			break;
			
		case 'sidinfo':
			include("pages/sidinfo.php");
			include("pages/secmenu.php");
			break;
			
		case 'fps':
			include("pages/fps.php");
			include("pages/secmenu.php");
			break;
		
		//ISSUES//
		
		case 'issue1':
			include("pages/issue1.php");
			include("pages/secmenu.php");
			break;
			
		case 'issue2':
			include("pages/issue2.php");
			include("pages/secmenu.php");
			break;
			
		case 'issue3':
			include("pages/issue3.php");
			include("pages/secmenu.php");
			break;
			
		case 'issue4':
			include("pages/issue4.php");
			include("pages/secmenu.php");
			break;
			
		case 'issue5':
			include("pages/issue5.php");
			include("pages/secmenu.php");
			break;
		
		//ISSUES//
		
        default:
            include("pages/404.php");
			include("pages/secmenu.php");
            break;
        }
}
require_once ("pages/footer.php");
?>
</div>
```

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

## #7 — effata, 2008-07-10T07:15Z

1\. Lägg till clearfixkoden i din css.
2\. Lägg primenu och text (de två floatade divarna) i en div med klass 'clearfix'
3\. ???
4\. Profit!

I din kod skulle det innebära \<div class='clearfix'\> före require_once ("pages/primenu.php"); 
samt \</div\> före require_once ("pages/footer.php");

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

## #8 — seamonster, 2008-07-10T15:51Z

Nu funkade det med clearfix.
Fick stänga av o sätta på php på ett antal ställen men det funkade.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/172687-background-image-funkar-inte