kostenloser Webspace werbefrei: lima-city

Hintergrundbild strecken (nicht kacheln)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   meine-programme

   meine-programme hat kostenlosen Webspace.

   20:03, 2.12.2010

   Hallo,
   
   Ich möchte mein Hintergrundbild auf die ganze seite gestreckt haben. Derzeit ist es so, er kachelt alles.
   Kennst da jemand nen code oder so?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. all-web

   all-web hat kostenlosen Webspace.

   20:08, 2.12.2010

   Hallo,
   bitter definiere doch einmal, WO du dein Bild strecken möchtest? Nach dem Thema her kommt eine x-beliebige Programmiersprache in Frage, aber ich vermute du meinst für eine Page, daher HTML/CSS was nicht hier rein passen würde...
   
   Danke für deine präziseren Angaben.
   Gruss Sublime
4. Autor dieses Themas

   meine-programme

   meine-programme hat kostenlosen Webspace.

   20:08, 2.12.2010

   Ja, ich meine Html oder Css...
   Wo hätte es denn sonst hingemusst? O.o

5. sonok

   Moderator

   sonok hat kostenlosen Webspace.

   20:09, 2.12.2010

   Ein div in den Hintergrund mit 100 % - Größenwerten und darauf ein Bild mit 100 % - Werten. Codebeispiele kann man sicher bei Google ergoogeln.
   
   Dürfte aber bescheiden aussehen, wenn es normale Bilder uU verzerrt.
   
   
   
   
   edit - hierher
   
   Beitrag zuletzt geändert: 2.12.2010 20:11:02 von sonok
6. Autor dieses Themas

   meine-programme

   meine-programme hat kostenlosen Webspace.

   20:11, 2.12.2010

   Ich habe es gegooglet... aber da stande immer ich muss da nan Java-Script verwenden...
   Könnte mir das vlt einer den Code geben? Ich bin noch ein noob... -.-

7. t****o

   20:27, 2.12.2010

   meine-programme schrieb:
   Ich habe es gegooglet... aber da stande immer ich muss da nan Java-Script verwenden...
   Könnte mir das vlt einer den Code geben? Ich bin noch ein noob... -.-
   

   
   

   <div style="position:fixed;top:0px;left:0px;bottom:0px;z-index:-1;"><img src="bild.endung" alt="" style="width:100%;height:100%;" /></div>

   
   Das vor

   </body>

   ,

   bild.endung

   gegen Pfad und Bildname+Endung tauschen, und alles wird gut
8. Autor dieses Themas

   meine-programme

   meine-programme hat kostenlosen Webspace.

   20:34, 2.12.2010

   Okay, ich bin schonmal einen schritt weiter.
   
   Jetzt ist es auf der Linken seite schonmal in ordnung... Nur leider fehlt die rechte hälfte
   
   http://meine-programme.lima-city.de/hallo.php

9. ole-reglitzki

   

   ole-reglitzki hat kostenlosen Webspace.

   20:39, 2.12.2010

   füg beim style vom div noch ein

   right: 0px;

   ein

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?