Schuer: Hintergrundbild an die Auflösung anpassen?

Beitrag lesen

Hi Peter,

Vielen Dank für deine Hilfe
Ich habe es jetzt soweit hinbekommen

Was Du allerdings scheinbar noch nicht ganz verstanden hat — Orlando hatte das schon angesprochen —, ist die Problematik mit Hintergrundbildern und Bildschirmauflösungen generell.

Du wirst niemals ermitteln können, wie groß genau der Anzeigebereich des Browsers Deiner Besucher ist! Du kannst zwar die Bildschirmauflösung checken, nur bringt Dir das rein gar nichts, wenn der User nicht im Vollbild surft. Weiterhin weißt Du nicht, welche Browserelemente aktiviert und deaktiviert sind, sprich ob der User nun 20 Taskleisten untereinander hat oder aber ganz minimalistisch nur mit einem Eingabefeld surft.

Aus diesen Gründen benutzt man für professionelles Layout niemals Hintergrundbilder, die optisch vollständig angezeigt werden müssen, sprich als Fotoelement ins Layout der Webseite mit eingebunden sind und eigentlich skalierbar sein müßten.

Man benutzt sie lediglich dann, wenn man als Entwickler der Webseite 100%-ig definieren kann, wie diese Backgroundbilder angezeigt werden. Simples Beispiel : Ein Farbübergang als Hintergrundbild, der links oben in der Ecke beginnt und in die Hintergrundfarbe der Webseite überläuft. Dieses Hintergrundbild wird quasi nach wenigen Pixeln "unwichtig", d.h. Du kannst es anschneiden (wenn z.B. das Browserfenster zu klein ist), ohne dass dadurch das Layout zerfetzt.

Problematik klar?

Es hindert Dich übrigens natürlich niemand daran, das Hintergrundbild sehr viel kleiner zu machen, als der Großteil der Bildschirmauflösungen, um es dann zentriert auszugeben, nur wüßte ich persönlich keine professionelle Seite, die so arbeitet — denn meist kann man sowas bedeutend eleganter lösen als durch den Einsatz eines Hintergrundbildes.

Gruß,
_Dirk