webForumDet fria alternativet

Background-image funkar inte

7 svar · 1 420 visningar · startad av seamonster

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

effataMedlem 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.

silfverMedlem 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

seamonsterMedlem 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/

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

seamonsterMedlem 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.

133 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)