Hintergrund vom footer wird nicht angezeigt.

Page 1 of 2 1 2
07/09/2013 17:21 Önte#1
HTML Code:
*{
margin:0;
padding:0;
}
#website{
margin:0 auto;
}
h1{
font-weight:bold;
color:#9F79EE;
font-size:45px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:15px;
}
/*___________ Standard ______________*/
#navi{
margin:0 auto;
width:962px;
height:150px;
text-align: center;
}

#navi ul {
list-style-type:none;
float:left;
}
#navi li{
float:left;
}
#navi a{
padding: 10px 24px;
font:100%/1.1875em "Trebuchet MS", Arial, Helvetica, sans-serif;
width:60px;
height:30px;
font-weight:bold;
color:#ffffff;
margin:20px;
text-decoration: none;
display:block;
font-size:19px;
margin-top:55px;
background:#9F79EE;
margin-bottom:20px;
-webkit-transition: all .2s ease-in-out;
/*box-shadow:0px 0px 2px #555*/
}
#navi a:hover{
background:#A8A8A8;
}
/*___________ Navi ______________*/
#content{
border-top:1px solid #BEBEBE;
width:962px;
height:900px;
margin:0 auto;
}
/*____________ Content ____________*/
#footer{
width:100%;
height:150px;
margin:0 auto;
border-top:1px solid #BEBEBE;
background:url("img/bg.jpg");
}
/*____________ footer ____________*/
Wieso wird mein bg.jpg nicht angezeigt??
07/09/2013 18:39 TIMΣ™#2
Hmm kp, sind der Pfad und das Dateiformat richtig? Ansonsten versuche es doch mal mit
Code:
display: block;
oder sowas.
07/09/2013 18:45 Önte#3
Das hat auch nichts geändert.
Pfad und Dateiformat sind auch richtig.
07/09/2013 18:48 Cpt.Cock#4
Quote:
Originally Posted by Önte View Post
Das hat auch nichts geändert.
Pfad und Dateiformat sind auch richtig.
Du musst background-image :... Machen

So:
PHP Code:
background-image: url(../images/bg.gif); 
Bei dir fehlt das image ;)
07/09/2013 18:49 TIMΣ™#5
Quote:
Originally Posted by Cpt.Cock View Post
Du musst background-image :... Machen

Bei dir fehlt das image ;)
Kann man machen, muss man aber nicht. Es dürfte je nach Browser Version auch so laufen.

Btw. zeig mal bitte den footer Ausschnitt deines HTML Code, wobei ich eher denke, dass es am CSS Code liegt.

Ansonsten versuche das Bild einfach mal als Fensterhintergrund festzulegen und füge der Reihe nach deine Zeilen an Code ein bis du an einen Fehler stößt. Ich hoffe das es dann auch hilft ^^.

Kannst ja auch mal versuchen das ganze als .png Datei abzuspeichern und dann aufzurufen.

Bei mir will er das Bild auch nie anzeigen, wenn es sich um ein .jpg (.jpeg) Bild handelt. Bzw. über den IMG Tag kann ich auch jpegs einklinken nur macht es mir in CSS Probleme und will sich nicht blicken lassen. .png lässt sich komischerweise in CSS und HTML anzeigen.

Daher würde ich dir raten das mal auszuprobieren. (Wenn es dann immer noch nicht geht versuch nochmal display: block; hineinzuschreiben). Bei mir gehts es so zumindest.
07/09/2013 19:30 Önte#6
Habe es als als png versucht aber es geht immer noch nicht.
Ich habe es versucht als body background zu nehmen ,geht auch nicht.
Ich habe verschiedene Browser benutz(chrome und Firefox) aber es geht auch nicht.

Im footer steht bisher noch nichts.
HTML Code:
<div id="footer">
		</div>
Im html code habe ich aber bereits bilde eingefügt.
07/09/2013 19:37 Cpt.Cock#7
Quote:
Originally Posted by Önte View Post
Habe es als als png versucht aber es geht immer noch nicht.
Ich habe es versucht als body background zu nehmen ,geht auch nicht.
Ich habe verschiedene Browser benutz(chrome und Firefox) aber es geht auch nicht.

Im footer steht bisher noch nichts.
HTML Code:
<div id="footer">
		</div>
Im html code habe ich aber bereits bilde eingefügt.
Hmmmm, du kannst ja theoretisch auch in HTML in deinem footer Bereich das Bild mit dem
PHP Code:
<img src="img/bg.jpg"> 
einfügen...
07/09/2013 20:00 xEncounter#8
mal den klassen selektor versucht ?

ansonsten Pfad überprüfen und testweise mal ins selbe Verzeichnis ziehen.
07/09/2013 20:00 Önte#9
aber dann könnte ich doch nicht da drauf schreiben, oder?
ausserdem ist das Bild nur 257x150px groß aber es soll 100% der y-achse bedecken.
Habe es auch ins selbe Verzeichnis getan wie die html datei , funktioniert aber auch nicht.
07/09/2013 20:21 xEncounter#10
dann hau mal background-repeat: repeat-y
07/09/2013 20:34 Önte#11
so langsam wird es lächerlich -.-
Ich habe jetzt alles ausprobiert aber immer noch keine Lösung-.-
07/09/2013 20:41 TIMΣ™#12
Quote:
Originally Posted by Önte View Post
so langsam wird es lächerlich -.-
Ich habe jetzt alles ausprobiert aber immer noch keine Lösung-.-
Hast du das .png auch in Verbindung mit display: block; versucht? Ansonsten probiere es mal.

Ansonsten fällt mir auch gerade nichts ein. Aber das ganze lässt sich doch mit
HTML Code:
<img src="img/bg.jpg">
einbinden oder? Denn dann ist der Pfad auch richtig. Wiegesagt bei mir lag es immer an der .jpeg Endung welche ich kommischerweise nie mit CSS einbinden konnte.

Achja hast du eine externe .css Datei angelegt? Wenn ja dann binde den Quellcode mal mit
HTML Code:
<style type="text/css">...</style>
ein.
07/09/2013 20:49 Önte#13
png + display:block; geht auch nicht.
Sonst hat es auch so immer funktioniert.
Aber ich kann gar keinen Hintergrund einfügen über die css.
07/09/2013 20:57 TIMΣ™#14
Dann mach folgendes:

Schreib das in die HTML-Datei rein:

HTML Code:
<style type="text/css">
#footer
{
   /* display: block; (einmal mit und einmal ohne versuchen, auch wenn es eigentlich auch so funktionieren sollte) */
   width: 100%;
   height: 150px;
   margin: 0 auto;
   border-top: 1px solid #BEBEBE;
   background: url("img/bg.jpg"); /* kann es sein, dass die Endung bei dir .jpeg oder .JPG heißt? Ansonsten auch hier nochmal eine .png Datei verwenden */
}
</style>
07/09/2013 21:02 Önte#15
So geht es endlich, danke :)
Page 1 of 2 1 2