CSS Background anpassen

  • Hi liebe Breadfishler ;D ,


    ich habe zurzeit mich wieder mit CSS befasst und steh nun vor einem Problem.
    Ich habe mir mit Photoshop ein Hintergrund für meine Seite gemacht in folgenden Formaten:


    800 x 600
    1280 X 720
    1600 x 900


    und habe mit folgendem Code versucht das Bild zu strecken bzw dem Users Auflösung anzupassen:


    PHP
    <body style="margin: 0;">
    
    
    				<img src="bg.png" width="1" height="1" style="height: 100%; width: 100%;" alt="" />
    
                	<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; padding: 2em;">
    
    				</div>
    
     </body>


    Das Bild war da und gestreckt hat es sich auch mit , doch es wurde nicht ganz angezeit. Erst als ich das Browserfenster kleiner gemacht habe war das Bild ganz zu sehen, auf allen Formaten.
    Ich frage euch , ob ihr eventuell eine Lösung kennt mit der ich das Bild ganz und auf jeder Bildschirmauflösung einbinden kann. Leider habe ich nur Erfahrung in


    PHP / HTML / CSS (seid kurzem also wenig) Bitte die Lösung (wenn es eine giebt) in einer der Sprachen oder in einer Verbindung zu diesen Sprachen posten.


    Liebe Grüße:



    El_Dorado




    [/align]

  • Oje, ich würde das ganz anders machen:


    Code
    <style type="text/css">
    body
    {
    	background-image: url(bg.png);
    	background-repeat: no-repeat;
    }
    </style>
    <body>
    Servus
    </body>


    Ich glaube so wird es aber wiederholt, kannst du mal das Bild raufstellen?

  • Das Bild:
    http://www5.pic-upload.de/20.08.10/txg86ny6ft4n.png


    also deinen Code hatte ich schon ausprobiert , das Problem ist dann , dass es nicht im ganzen Fenster gestreckt ist.



    Das Problem , wenn ich das Bild so lassen mit dem Code , wird es bei leuten mit geringerer Auflösung nur halb angezeigt , es verändert sich nicht. Wenn ich aber eine geringere Auflösung nehme wird das Bild bei mir zb. mit einer Auflösung von 1600x900 nur klein im Browser angezeigt bzw es besetzt nicht die ganze Seite.


    Kennst du evetuell eine Lösung die es erlaubt , dass sich das Bild dem Users Auflösung anpasst? oder dem Seines Browserfensters?




    [/align]

    Einmal editiert, zuletzt von El_Dorado ()

  • Ich checks selber nicht, es gibt keine CSS Anweisung, das man damit ein Bild strecken kann. Nicht mal bei selfhtml ist etwas ähnliches dabei. Sogar Visual Basic hat eine stretch Funktion Oo


    EDIT: I.wie ist es bestimmt möglich, ich würde mal wirklich "intensiv" googlen.