[HTML] Hintergrund strecken

[himitsu]

Zitat von Neutral General:

ja entweder fürs nicht kacheln oder fürs stretchen...

Hier is das BG-Bild doch auch gestretcht oder ?

http://www.blizzard.de/wow1/townhall/

Nein, wird es nicht.

Im Hindergrund ist ein Großes Bild und das was im Vordergrund ist, das sind mehrere kleine Teilbilder.




Das hintergrundbild selber kann man nicht strechen, aber man kann z.B. ein Bild in der linken/oberen Ecke beginnen lassen und dieses anpassen

Code:

<img ... width="100%" height="100%">

[Pseudemys Nelsoni]

und wie geht das per CSS?

[himitsu]

Also, wie gesagt ...
- es gibt kein Stretch für's Hintergrundbild.
- es ist nur ein Bild für'n Hintergrund möglich
...

hier sind aber mal die Formatierungen, um jeweile ein Bild links/oben und ein anderes rechts unten anzuzeigen - natürlich jeweiles in eigenen Objekten (z.B. unterschiedlichen Zellen 'ner Tabelle)

Code:

background-image: url(background_LT.gif);
background-repeat: no-repeat;
background-position: left top;

background-image: url(background_RB.gif);
background-repeat: no-repeat;
background-position: right bottom;


oder:


background: url(background_LT.gif) no-repeat left top;

background: url(background_LB.gif) no-repeat right bottom;

Oder halt z.B. 2 Div's übereinander legen (left, top, width und height entsrechend setzen) - in das hintere Div ein <img ... width="100%" height="100%"> reinmachen und schon ist das Bild genau so groß, wie die Div's - ins'n vordere Div passte ja dann ales gewünschte rein.


PS: zum Glück versuch ich erstmal "HTML 4.01 Strict"-Kompatiebel zu werden und nich irgendwas mit XML ... da ist das mit der Schreibung (Groß/Klein ...) nicht ganz so brutal