HTML Hintergrundblild strecken
-
Hi! Hat irgentwer eine Ahnung, wie man mit HTML ein Hintergrundbild über den ganzen Bildschirmbereich streckt?
-
Genau das hatte mich Programmer heute schonmal gefragt
(oder seid ihr ein und dieselbe Person 
)
Ich denke du musst ein bisschen tricksen und ein absolut positioniertes div mit 100% Ausdehnung in den Hintergrund legen und da hinein das Bild (ganz normal per <img>)
-
flenders schrieb:
Genau das hatte mich Programmer heute schonmal gefragt
(oder seid ihr ein und dieselbe Person )
Ich denke du musst ein bisschen tricksen und ein absolut positioniertes div mit 100% Ausdehnung in den Hintergrund legen und da hinein das Bild (ganz normal per <img>)Sovuel ich weiß geht das nicht direkt.
Und das mit dem img-Tag wäre eher schlecht, weil es dann kein Hintergrundbild mehr ist. Oder er arbeitet mit Layer. Aber bei LAyer ist das Mist wegen den Unterschiedlichen Browsern.
-
wo siehst du da genau die Probleme? Klar bei sehr alten Browsern wie N4.7 wird's sicher Probleme geben
-
Wie muss ich das noch mal eingeben mit der Ausdehnung?
Ich meine als HTML-Code!
-
im style="width:100%; height:100%" im body und im div
-
Also soll das so aussehen?
<body background="background.jpg" style="width:100%; height:100%">
Oder wie?
Falls nicht schreib mal im zusammenhang.
Danke
-
Ich hab doch div geschrieben:
<body style="width:100%; height:100%; padding:0px; margin:0px;"> <div style="position:absolute; width:100%; height:100%; top: 0px; left:0px; z-index:0"> <img src="background.jpg" width="100%" height="100%" border="0" alt=""> </div> <div style="position:absolute; width:100%; height:100%; top: 0px; left:0px; overflow:auto; z-index:1"> hier dein bisheriger Inhalt </div> </body>Ist aber nicht getestet
