Hallo

Ich versueche via Responsive Design meinen Header richtig anzupassen, kriege die Höhe der Fläche aber irgendwie nicht ganz richtig hin.

Auf einer Desktopauflösung sieht man bei diesem Code nur den oberen Balken meines Hintergrundbildes:
Mit dem Attribut height:200px; würde mein Hintergrundbild zwar korrekt und vollständig angezeigt werden aber dafür erscheint bei niedrigen Auflösungen unterhalb des Bildes eine leere (gelbe) Fläche, die ich relativ überflüssig finde. Gibt es einen Weg wie ich auf dieser leeren Fläche verzichten kann?

Formatiere mal bitte deinen Code so, dass man nicht scrollen muss. Es gibt hier im Forum auch die Möglichkeit der Vorschau, bevor man seinen Beitrag abschickt.
Bitte mache davon Gebrauch.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Davon abgesehen kann man mit dem Fitzel-Schnippsel nicht sonderlich viel Anfangen, da wir sowohl das Markup, als auch den Rest des Css nicht kennen.

Alles klar, habs nun selber gelöst. Anscheinend gibt es dazu keine elegante Lösung. Ich habe das Bild nun einfach in HTML eingefügt anstatt als Background-Image. Klappt wunderbar.
Wieder mal danke an mir selber

Falsche Herangehensweise. Du hast das Problem nicht gelöst sondern ein neues geschaffen.
Hintergrundbilder -> background images, heissen nicht umsonst so.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Hab ja gesagt, dass es keine elegante Lösung ist aber es ist eine Zwischenlösung. Falls du eine bessere Lösung hast, darfst du sie sehr gerne präsentieren.

Da du nicht den gesamten Code zeigst, kann man auch keine Lösung anbieten.

Zeige mal einen Link zur Seite und dann schauen wir mal.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.