Headerbild zu klein bei responsive

Ich habe eine kleine Webseite gebaut.
Im Header habe ich nur ein Bildplatziert, das auch das responsiveverhalten ausführt, aber...

In voller Größe auch dem PC ist die Darstellung korrekt.
Wenn ich nun das Browserfenster kleiner ziehe oder die Seite auf dem Smartphone betrachte, hat das Bild nicht die komplette Höhe sondern spart ca. 10px aus.

Ich habe das Bild als html-Modul gebaut und im Seitenlayout platziert

HTML-Code:

---

<div class="dubai"><img src="files/pics/panorama-dubai.jpg" width="1140" height="292" /></div>

---

hier noch ein Link dazu

Zitat:

---

Zitat von kischd

hier noch ein Link dazu ->

---

Füge im CSS für img die Eigenschaft display:block hinzu.

Gruß
Nikolas

Danke vielmals. das wars :cool:

Setz' die max-height von .dubai auf die jeweils gewünschte Größe. Also Bei einer Bildbreite von 960 Pixeln auf die Max-Höhe 246 Pixel.


ups, zu spät. Die Block-Angabe ist natürlich vorzuziehen ;)