Hintergrundbild skaliert nicht

Hallo zusammen,

beim Erstellen Clean Style Responsive - Clean habe ich unter "Layout" bei "Allgemein" eine Hintergrundgrafik eingestellt. Leider verhält sich dieser Hintergrund nicht "Responsiv", sondern das Bild wird einfach an den Rändern gekürzt, sodass ich nur einen Ausschnitt sehe.

Grafiken in einem Container verhalten sih wie gewünscht.

Kann man da was machen? Die Themen hier im Forum haben mir leider auch nicht weitergeholfen.

Ich nutze die Version 14.

Danke schon mal vorab.

Mit freundlichen Grüßen

Sascha

Hallo,

noch hatte ich sie nicht online, da ich ganz am Anfang bin.

Hier ist sie aber nun: http://www.angel-tipps.de/test/

Wie gesagt, es geht nur um das Hintergrundbild, dass nicht mit skaliert und aufgrund der Größe des Originalbildes auch nur einen Ausschnitt des Gesamtbildes auf einem "normalen" Monitor zeigt.

Mit freundlichen Grüßen

Sascha

Hallo

Vielen Dank für den Code und den Tipp.

Leider greift das bei mir nicht.

Ich habe das Gefühl, dass ich irgendetwas beim Einfügen des CSS Codes falsch mache. Auch andere Codes, die ich mal probiert habe, greifen nicht.

Ich habe das Ergebnis noch einmal hochgeladen. Im Quelltext findet man den Code wieder, aber skaliert wird nur in dem Container.

Ich habe ihn, wie im Link beschrieben eingefügt.

Ist es die falsche Stelle?

Mit freundlichen Grüßen

Sascha

Hier noch mal der Link:

http://angel-tipps.de/test/

Hallo,

ich glaube, wir sprechen aneinander vorbei.

Die Eingabe des Codes hat keinerlei Veränderung gebracht.

Ich spreche von der Hintergrundgrafik. Die Hintergrundgrafik skaliert nicht. Sie zeigt eine je nach Auflösung des Monitors einen Ausschnitt aus dem Bild.

Das Bild im Container ist nur zum Vergleich eingefügt. Es zeigt das Gesamtbild, wie ich es gerne als Hintergrundgrafik sehen würde... und zwar komplett und skalierbar.

Mit freundlichen Grüßen

Sascha

Hallo,

Sie müssen entschuldigen, wenn ich da einige Begrifflichkeiten durcheinander bringe, aber Ihr Bild ist sehr hilfreich.

Das "kleine Bild" ist also im Header und nicht im Container. Ich werde mich diesbezüglich noch besser einlesen.

Wahrscheinlich ist auch meine Begriff "skalieren" nicht korrekt.

In Ihrem Screenshot erkennt man wunderbar, dass nicht der gewünschte Effekt auftritt.

Das Bild, dass sich im Header befindet, ist "vollständig". Wenn ich nun mein Browserfenster verkleinere, bleibt auch das Bild vollständig.

Nicht so das Hintergrundbild. Dieses Bild ist je nach Auflösung nur ein Ausschnitt aus dem gesamten Bild und wenn ich das Fenster verkleinere, bleibt die Auflösung des Bildes gleich, aber der Ausschnitt verkleinert sich.

Ich habe mal 2 Dateien angehängt, die zeigen, dass das Hintergrundbild sich nicht "verkleinert" wie das Bild im Header.

Ich würde mir wünschen, das Hintergrundbild in voller Größe zu sehen und wenn ich das Fenster verkleinere soll es komplett bleiben und sich so verhalten, wie das Bild im Header... Also kleiner werden...

Vielleicht geht das ja gar nicht, aber das war von Anfang an mein Ansinnen

Mit freundlichen Grüßen

Sascha

Genau, immer das komplette, unbeschnittene Bild und unten einen Rand (ideal wäre schwarz...Das wäre aber das i-Tüpfelchen).

Zur Information... Das Bild ist noch nicht optimal und nur zum Testen gedacht. Ich werde ein Bild auswählen, dass wie ein Banner wirken soll, aber doch ein Bild sein soll.

Es soll relativ schmal am oberen Rand zu sehen sein und nach unten in schwarz übergehen... Ein Farbverlauf wäre auch toll, aber schon das absolute I-Tüpfelchen...

Hallo!

Kleine Ursache, riesige wirkung.

Das war es!

1000 Dank für diesen super Support

Sascha