Der Martin: Hintergrundbild unterschiedlich groß in Firefox und IE

Beitrag lesen

Hi,

Wenn du mal ein bisschen mehr zeigen würdest, könnte man gemeinsam überlegen, wie man das erreichen kann.
Mehr als hier gezeigt (nur dass der Hintergrundrahmen nicht schwarz ist) habe ich ja noch nichts, da ich erst anfange.

ah ja, gut, das hat den Vorteil, dass du noch keine große Mühe über den Haufen werfen musst.

Und da ich gelesen habe, dass es leider große Unterschiede zwischen den Browsern gibt, habe ich es mit mehreren versucht und bin dann auf dieses Problem gestoßen.

Das mit den großen Unterschieden betrifft hauptsächlich den IE, und auch den vor allem in den älteren Versionen. Ab IE8 ist der schon einigermaßen bei der Musik, und IE9 oder IE10 sind, wie man ab und zu liest, schon ungefähr auf Augenhöhe mit Firefox, Chrome oder Opera.

Aber die Lösung, wie man einen Hintergrund "optimal" an verschiede Browserfenster anpasst, hast Du ja bereits erläutert. Mal sehen, ob ich es schaffe, mehrere Bilder als Hintergund anzugeben. Bisher habe ich nur background-image: ......jpg u.ä. gefunden.

Ja, das meinte ich in der Hauptsache auch. Ich hatte Hintergrundfarben und/oder Rahmen deshalb erwähnt, weil man damit auch einfache grafische Strukturen nachbilden kann, etwa wenn man eigentlich nur eine Trennlinie haben möchte.

Es gibt noch die Möglichkeit, *einem* Element mehrere Hintergrundbilder zuzuweisen, das ist aber ebenso wie background-size relativ neu und wird von älteren IE-Versionen nicht unterstützt. Würde dir also nicht helfen. Stattdessen lohnt es sich vermutlich, die HTML-Struktur kritisch anzuschauen. Was für den Besucher wie *ein* Element wirkt (etwa eine Textbox), sind ja oft mehrere HTML-Elemente, die eine Gruppe bilden. Da könnte man eben jedem Element der Gruppe ein Hintergrundbild verpassen, und wenn man das geschickt auswählt, kann das recht überzeugend wirken.

So long,
 Martin

--
In der Theorie stimmen Theorie und Praxis genau überein.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(