Moin,

bei einem aktuellen Projekt muss ich Formularelemente mit "krummen" Linien umsetzen - daher versuche ich das über Hintergrundbilder zu lösen.

Es funktioniert auch rein theoretisch in einer Textarea - nur scheinen die Browser unterschiedliche Ideen davon zu haben, was passieren soll, wenn man mehr Text eingibt, als Platz ist.

Zu sehen ist es hier: ambulancefilm

Beim Firefox 3 und Safari 3 (Mac und Win) ist alles in Ordnung und so, wie ich mir das vorgestellt habe - es erscheint bei Bedarf eine Scrollbar, das Hintergrundbild wird nicht durch diese überdeckt und bleibt auch fix stehen.

Opera 9.50 (Mac und Win) zeigt immer eine Scrollbar, legt diese über das Hintergrundbild, aber dieses bleibt hier wenigstens auch fixiert.

Der IE6 und IE7 zeigen bei Bedarf auch eine Scrollbar, legen diese aber über das Hintergrundbild (was noch ok wäre), scrollen aber das Hintergrundbild weg. Das passiert sogar noch dann, wenn ich zum Testen overflow: hidden angebe.

Ich hab schon diverse Varianten ausprobiert. background-attachment: fixed; hilft mir in diesem Fall nicht, da es dann auf den Viewport bezogen wird und nicht auf das eigentliche Element selbst.

Hat jemand eine Idee?

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Für IE < 7 geht background-attachment:fixed.
Für IE 7: Das Hintergrundbild dem dd geben, nicht der textarea.

Aah ... wieso kommt man auf sowas einfaches nicht selbst? Danke, ich probiere es damit

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic