✔ Hintergrundbild strecken

[fluessig]

Hi,

ich möchte ein Bild unter meinen Text legen, dieses soll sich dynamisch strecken, so dass es immer voll zu sehen ist. Das gewünschte Verhalten wäre etwa:

<div width="300" height="200"><img src="http://www.tutorials.de/forum/images/misc/tuts_uc.gif" width=100% height=100%></div>

Jetzt kann man die Größen für den div-Container verändern und das Bild wird immer entsprechend gestreckt.

Leider kann man aber im gleichen div keinen Text mehr schreiben. Mit CSS hab ich keine Lösung gefunden. Da in meinem Fall das Bild nur einen Pixel breit ist, kann man sich zwar noch mit background-repeat: repeat-x; behelfen, daber für die Höhe fehlt dann die notwendige Option (strech-y(?))

Kennt ihr eine entsprechende Lösung?

 

[Maik]

Wenn das DIV-Element Text enthalten soll, dann solltest du die Grafik mit der CSS-Eigenschaft background-image als Hintergrundbild einsetzen. Nur lässt sich dieses nicht strecken / skalieren, sondern höchstens in der X- und Y-Achse wiederholen.

Ansonsten müsstest du den Text in ein zweites DIV packen, und dieses mit der Schichtposition z-index über das erste DIV legen. Wobei anzumerken ist, daß die Grafik dann beim Vergrößern zunehmend pixeliger wird.

 

[fluessig]

Achja, hab ich vergessen zu erwähnen. Das mit dem schichten von DIVs ist natürlich tabu, weil es von manchen Browsern (zb IE auf PocketPC), meist zu Problemen führt.

Echt schade, dass sich da wohl keine Lösung finden lässt