Hintergrund vom footer wird nicht angezeigt.

Önte · 07/09/2013, 17:21

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??

TIMΣ™ · 07/09/2013, 18:39

Hmm kp, sind der Pfad und das Dateiformat richtig? Ansonsten versuche es doch mal mit

Code:

display: block;

oder sowas.

Önte · 07/09/2013, 18:45

Das hat auch nichts geändert.
Pfad und Dateiformat sind auch richtig.

Cpt.Cock · 07/09/2013, 18:48

Quote:

Originally Posted by Önte

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

TIMΣ™ · 07/09/2013, 18:49

Quote:

Originally Posted by Cpt.****

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.

Önte · 07/09/2013, 19:30

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.

Cpt.Cock · 07/09/2013, 19:37

Quote:
Originally Posted by Önte
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...

xEncounter · 07/09/2013, 20:00

mal den klassen selektor versucht ?

ansonsten Pfad überprüfen und testweise mal ins selbe Verzeichnis ziehen.

Önte · 07/09/2013, 20:00

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.

xEncounter · 07/09/2013, 20:21

dann hau mal background-repeat: repeat-y

Önte · 07/09/2013, 20:34

so langsam wird es lächerlich -.-
Ich habe jetzt alles ausprobiert aber immer noch keine Lösung-.-

TIMΣ™ · 07/09/2013, 20:41

Quote:

Originally Posted by Önte

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.

Önte · 07/09/2013, 20:49

png + display:block; geht auch nicht.
Sonst hat es auch so immer funktioniert.
Aber ich kann gar keinen Hintergrund einfügen über die css.

TIMΣ™ · 07/09/2013, 20:57

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>

Önte · 07/09/2013, 21:02

So geht es endlich, danke