Neu Headerbild "verzieht" sich bei Ändern des Browserfensters

[sasch1980]

Wenn ich ein Headerbild zufüge, habe ich ein Problem:
Beim Verkleinern des Browserfensters, ändert das Headerbild seine Größe nicht, also es verschiebt sich quasi hinter das Logo.

#header-branding {
background: url('pfad-zu-meiner-grafik.jpg') center no-repeat transparent;
}


Muss ich noch irgendeinen Befehl zufügen?

 

[M.Stickel]

Du kannst versuchen ob "background-size:" etwas bringt. Da kannst du "contain" und "cover" wählen. Das Logo wird aber immer über dem #header-branding liegen, bzw darin, da es im HTML so definiert wurde.

 

[sasch1980]

Danke!
Mit contain klappt es.

 

[sasch1980]

Doch nicht. Auf dem Handy verschwindet das Bild hinter dem Suchen-Fenster.

 

[sasch1980]

Hat niemand eine Lösung, wie das Headerbild sich immer automatisch mit dem gesamten Layout anpasst, sodass es immer verhältnismäßig gleich erscheint??? (Egal wie groß das Browserfenster ist.)