CSS: img im div -> Problem mit div-Höhe

Computer: Software & Programmierung HTML & CSS
#1

Hallo zusammen,

ich habe ein Problem:
Ich baue in einen DIV-Container (der die Eigenschaften margin = 0 und padding = 0 hat) ein Image ein, etwa in der Art:

Im IE ist der DIV ziemlich exakt so hoch, wie das Image.
Im Opera ist zwischen dem Image und dem oberen und unteren Rand des DIV ein Freiraum, den ich mir nicht erklären kann. D.h. der DIV-Container ist deutlich höher, als im IE.

Natürlich kann man mit max-height die Höhe des DIV beschränken. Das ist aber keine brauchbare Krücke, weil ja im Opera trotzdem über dem Image ein Abstand bleibt und im Zweifelsfall das Image an der Unterseite beschnitten wird.

Hat jemand eine Idee, wie ich das programmieren kann, so dass das DIV genau die Höhe hat, wie das Image?

Viele Grüße,
Andreas (in der Hoffnung, mich einigermaßen verständlich ausgedrückt zu haben)

#2

Hallo Andreas,

versuch mal den Außenabstand des Bildes noch auf 0 zu stellen.

Also CSS-Klasse:

.bild {margin:0px}

Und beim Aufruf des Bildes:

Grüße,
Kerstin

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#3

Hi Kerstin,

damit geht es. Aber warum geht es nicht mit IDs? Etwa in der Art:

div#bild {margin:0px}

Beim Aufruf des Bildes:

(Ich arbeite nämlich lieber mit IDs als mit Classes)

Viele Grüße,
Andreas

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#4

Hallo Andreas!

„Andreas“ schrieb:

ich habe ein Problem:
Ich baue in einen DIV-Container (der die Eigenschaften margin
= 0 und padding = 0 hat) ein Image ein, etwa in der Art:

Im IE ist der DIV ziemlich exakt so hoch, wie das Image.
Im Opera ist zwischen dem Image und dem oberen und unteren
Rand des DIV ein Freiraum, den ich mir nicht erklären kann.
D.h. der DIV-Container ist deutlich höher, als im IE.

Natürlich kann man mit max-height die Höhe des DIV
beschränken. Das ist aber keine brauchbare Krücke, weil ja im
Opera trotzdem über dem Image ein Abstand bleibt und im
Zweifelsfall das Image an der Unterseite beschnitten wird.

Hat jemand eine Idee, wie ich das programmieren kann, so dass
das DIV genau die Höhe hat, wie das Image?

Lies bitte:
http://www.mediaevent.de/article.php/20040926103515715
Die vergessene Bildunterschrift

Gruss Oliver