Lord_Doominik: Bild via CSS im IE fixieren

Da man Hintergrundbilder ja leider noch nicht strecken kann, habe ich mit einen Code gebastelt, der mit Firefox auch sehr gut läuft, nur der IE hat so seine Probleme damit... Weitere Browser habe ich noch nicht getestet, aber ich wollte mal Fragen ob die Probleme vom IE die sind, das der IE keine Bilder fixieren kann, oder ob es an etwas anderem liegt, und wie man dies vielleicht beheben könnte...

CSS-Datei:
img#bg {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
}

img#banner {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 2;
}

body {
 color: #DF6F01;
 background: #000000;
 font-size: large;
 font-z-index: 1;
}

index.php:
<body>
<body style="margin:0;">
<img src="Bilder/background.png" id="bg">
<img src="Bilder/Banner.png" id="banner">
<table style="position:absolute;top:165;left:10;" width="100%" height="100%" align="left">
<tr>
<td style="position:fixed;" valign="top" align="left" width="20%">
<font style="position:absolute;left:50;" size="6">Menü</font><br>
MENÜ
</td>
<td style="position:absolute;left: 20%; width: 80%;" valign="top" align="left">
<?if (!$_GET['seite']){include ("startseite.html");}else {include ($_GET['seite'].".html");}?>
</td>
</table>
</body>
</html>

  1. hallo Lord_Doominik,

    (das ist eine Anrede, wie du sie leider versäumt hast)

    Da man Hintergrundbilder ja leider noch nicht strecken kann

    Ups? Ja, wieso den nicht? Ich finde, "man" kann das durchus.

    , habe ich mit einen Code gebastelt

    Brav.

    position: fixed;

    Naja, _das_ kann er IE nun einmal nicht ...

    Grüße aus Berlin

    Christoph S.

    1. Das der IE das nicht kann habe ich selber gemerkt und deshalb Frage ich ja, wie man dies umgehen kann... Zudem ist es meines Wissens nciht möglich und steht auch in x-tausend Threads hier im Forum so, das man Bilder noch nicht strecken kann... Selbst mit Width="100%" und Heigth="100%" wird das Bild nicht bis ganz unten gestreckt.

      1. hi,

        Das der IE das nicht kann habe ich selber gemerkt und deshalb Frage ich ja, wie man dies umgehen kann...

        http://de.selfhtml.org/css/layouts/fixbereiche.htm

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. http://de.selfhtml.org/css/layouts/fixbereiche.htm

          Ahhhh, vielen Dank für deine Hilfe!

      2. Hallo,

        Das der IE das nicht kann habe ich selber gemerkt und deshalb Frage ich ja, wie man dies umgehen kann...

        ergänzend noch Position Fixed für alle Browser per CSS.

        Selbst mit Width="100%" und Heigth="100%" wird das Bild nicht bis ganz unten gestreckt.

        Vielleicht ginge es per expression, dazu gibt es beim IE noch die proprietäre Geschichte "zoom".
        Weiß denn der IE bei deinen 100% (ohne expression wäre ja eleganter) worauf er die beziehen soll?

        Grüsse

        Cyx23

  2. Hi!

    Mal ganz ab von deinem Problem, hier was viel wichtigeres:

    <?if (!$_GET['seite']){include ("startseite.html");}else {include ($_GET['seite'].".html");}?>

    *schluck*

    Sowas sollte unter ALLEN Umständen vermieden werden - du übernimmst hier unvalidierte Benutzereingaben, und noch dazu in nem include - das grenzschon fast an Selbstmord.

    Gruß aus Iserlohn

    Martin

  3. Hi!

    Und wie kommst du bitte auf

    body {
    font-z-index: 1;
    }

    ?

    Habe gerade mal danach gegooglet, und die einzige Fundstelle ist dieser Thread im RSS-Verzeichnis *g*

    Edit: einmal aktualisiert bietet google jetzt noch 3 weitere Fundstellen an - da aber in der Form <font z-index="3">, was das ganze aber auch nicht richtiger macht.

    Gruß aus Iserlohn

    Martin