#1 3. November 2007 hiho muss für nen freund ne website basteln und er hat folgenden wunsch: ein hindergrundbild soll sich jedweils der bildschirmauflösung eines jeden benutzers anpassen. das heisst bei 800x600 wird das bild 800x600 gross, bei 1024x768 wird das bild 1024x768 gross, usw. (natürlich nicht ganz so gross, da titel-, adress-, symbol- und taskleiste etc noch dargestellt werden.) nun habe ich das folgendermasen einmal ausprobiert: Code: <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <head> <title>TESTSITE</title> <style type="text/css"> <!-- #bgImg{ position: absolute; top: 0; left: 0; border: 0; z-index: 1;} //--> </style> </head> <body> <img id="bgImg" src="hintergrund.jpg" width="100%" height="100%"> <h1>TEST</h1> </body> </html> nun sehe ich aber den text "TEST" nicht, da das hintergrundbild darüber liegt! hat jemdan nen tipp wie ich den text in den vordergrund bzw. das bild in den hintergrund bringe?? oder hat jemand ein anderes script, welches mir helfen könnte?! vielen dank für eure hilfe! mfg helltobi PS: ich arbeite auf der seite die ich erstelle mit tabellen. + Multi-Zitat Zitieren
#2 3. November 2007 AW: Hintergrundbild der Bildschirmauflösung anpassen HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Hintergrundbild</title> <style type="text/css"> html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; } img#bg { width: 100%; height: 100%; border: none; position: absolute; left: 0px; top: 0px; z-index: 1; } div#content { position: absolute; left: 0px; top: 0px; z-index: 100; } </style> </head> <body> <img src="hintergrund.gif" id="bg" /> <div id="content">Ich bin ein Text, blablublop</div> </body> </html> Das Bild wird auf 100% gestreckt, der Text liegt über dem Bild. Wirklich gut gelöst ist das so aber natürlich nicht. Mir ist aber keine Möglichkeit bekannt, mit CSS 2 ein Hintergrundbild zu strecken. In dem Div-Container kannst du dann ganz normal weiterarbeiten und beliebige Elemente verwenden. Getestet mit FF2, Opera9 und Safari2. IE6 u 7 hatte ich auf meinem Mac gerade nicht zur Hand bzw. war zu faul Windows anzuschmeißen + Multi-Zitat Zitieren
#3 3. November 2007 AW: Hintergrundbild der Bildschirmauflösung anpassen jo und wie soll ich das nun mit den tabellen anstellen?? kann ich denen auch nen div tag verpassen?! vielen dank mfg helltobi + Multi-Zitat Zitieren
#4 3. November 2007 AW: Hintergrundbild der Bildschirmauflösung anpassen Mit Tabellen Layouten ist böse. [G]semantisches webdesign[/G] Das mit dem Hintergrundbild was sich anpasst kannst du auch vergessen. Denn z.B. verschiedene Browser haben verschieden breite Kopf- und Seitenleisten. Ne Lösung wäre einen Bereich "festzulegen" der sich auf der X-/Y-Achse wiederholt, um die volle Breite/Höhe auszufüllen. Stichwort: [G]Website Slice[/G] (gibt da glaub ich mittlerweile sogar bei YouTube tutorial Videos) + Multi-Zitat Zitieren
#5 3. November 2007 AW: Hintergrundbild der Bildschirmauflösung anpassen naja das mit dem slicen is ja gut und recht... aber dadurch wird mein hintergrund auch net dynamisch! + Multi-Zitat Zitieren