webForumDet fria alternativet
Logga in / Bli medlem

Background-image funkar inte

HTML & CSS

7 svar · 1 420 visningar · startad av seamonster

Medlem sedan maj 200848 inlägg
Frågan#1

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

Medlem sedan apr. 2008137 inlägg
#2

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.

Medlem sedan apr. 200312 679 inlägg
#3

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

Medlem sedan maj 200848 inlägg
#4

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/

Medlem sedan apr. 2008137 inlägg
#5

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 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>
Medlem sedan maj 200848 inlägg
#6

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:

<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>
Medlem sedan apr. 2008137 inlägg
#7

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");

Medlem sedan maj 200848 inlägg
#8

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

268 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)