Notschko: background-image funktioniert im FF nicht

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

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

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. 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

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