Headerbild zu klein bei responsive

[kischd]

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

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

[kischd]

hier noch ein Link dazu

[Nikolas]

hier noch ein Link dazu ->

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

Gruß
Nikolas

[kischd]

Danke vielmals. das wars

[comanche]

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