background-image funktioniert im FF nicht
Notschko
- css
Hallo,
Mein Hintergrundbild wird im FF nicht angezeigt.
meine Seite enthält ein DIV-Container, welcher per posititon:absolute in die mitte des Browsers positioniert wird.
Mein Body-Tag enthält die Style-Werte:
background-image:url("ein_bild.gif"); background-position:right bottom; background-repeat:no-repeat;
Im IE6 & IE7 wird das Bild unten rechts am Browser-Rand positioniert.
Beim FF ist es jedoch nicht vorhanden.
positioniere ich ein Element mit dem position-default, so wird das Hintergrund-Bild oberhalb des Elementes positioniert.
Merkwürdiges Verhalten, nicht?
Habt ihr vielleicht eine Idee?
Danke, Gruß, Notschko
hi,
meine Seite enthält ein DIV-Container, welcher per posititon:absolute in die mitte des Browsers positioniert wird.
Also ist er aus dem Fluss genommen.
Wie hoch sind dann seine Vorfahrenelemente wohl noch?
Mein Body-Tag enthält die Style-Werte:
background-image:url("ein_bild.gif"); background-position:right bottom; background-repeat:no-repeat;Im IE6 & IE7 wird das Bild unten rechts am Browser-Rand positioniert.
Beim FF ist es jedoch nicht vorhanden.
Weil body ziemlich winzig geworden ist.
Gebe ihm (und seinem Vorfahr) eine Mindesthöhe.
gruß,
wahsaga
Danke!!!
Weil body ziemlich winzig geworden ist.
Gebe ihm (und seinem Vorfahr) eine Mindesthöhe.
Vorfahren war das Stichwort. Ich hatte nur <body> auf height:100% gesetzt. Dieser hat jedoch den Vorfahren <html>. Der ist nun auch auf 100%
... und alles sieht schön aus ;)
Gruß, Notschko
Hi,
kannst du mir auch mal aushelfen, ich hab hier die Infobox von SELF und dem a tag ein background img gegeben, im IE gehts auch, im FF erst, wenn man einmal draufklickt, woran kann das liegen?
#box a {
text-align: center;
color:#000;
background-image: url('../bild/backbox.gif');
background-repeat: no-repeat;
text-decoration:none;
display:block;
width:150px;
height:25px;
padding-top:4px;}
#box a:hover {
color:black;
display:block;
background-image: url('../bild/backbox.gif');
background-repeat: no-repeat;
padding-top:4px;
text-decoration:none;}
#box a span {display:none;}
#box a:hover span {
position:absolute; top:89px; left:250px; z-index:3;
text-decoration:none;
display:block;
width:400px;
padding:1px;
color:black;
background:#ffffff;
background-image: url('../bild/backbox.gif');
background-repeat: no-repeat;
border:1px solid black;
}
Grüße,
Engin
GYRO