nicht angemeldet
Hallo,
und zwar: wie kann man es einstellen das das background-image wenn es zu klein für den ganzen Bildschirm ist anstatt es zu wiederholen einfach das Bild streckt?
Das wird erst mit CSS 3 gehen.
d.h. ich mache ein Bild als Hintergrund mit background-image, das nur 1000pixel groß ist mein Bildschirm ist aber größer. jetzt will ich nicht das es einfach nochmal halb dargestellt wird sondern das er es auf die maximale breite verbreitert wird.
Die einzige Möglichkeit, die wohl noch machbar wäre, wäre das Bild in ein normales img-Element einzubinden, dieses img-Element mit Javascript so zu manipulieren, dass es dynamisch die Breite (und Höhe?) des Viewport einnimmt und eventuell absolut positioniert ist. Der gesamten Inhalt der Seite bekäme dann einen höheren z-index und läge über diesem Bild-Element.
Allerdings würde ich davon abraten; nur weil etwas eventuell machbar wäre, muss es noch nicht sinnvoll sein. Gerade ein Bild mit 1000 Pixel Höhe (und vermutlich entsprechender Breite) wiegt einiges an Kilobytes und macht dadurch für Leute mit langsameren Verbindungen das Laden der Seite zur Qual. Dazu kommt, dass gestreckte Bilder oft sehr gestresst aussehen, nicht mehr schön.
Ich würde es lassen und mir eher überlegen, wie ich das Bild so hinkriege, dass es definierten Raum einnimmt (zentriert oder so) und wie man den Restraum möglichst gut füllt, dass es auch bei verschiedenen Browserfenstergrößen annehmbar aussieht.
Tim