Bild via CSS im IE fixieren
Lord_Doominik
- css
-2 Christoph Schnauß0 Lord_Doominik
0 Martin Hölter0 Martin Hölter
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>
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.
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.
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
Ahhhh, vielen Dank für deine Hilfe!
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
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
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