✔ Unerwünschte Lücke zwischen border und Inhalt eines Div

Status
Nicht offen für weitere Antworten.
C

Chosi

Mitglied
Hallo zusammen,

habe ein Problem, welches nach dem Einfügen des DOCTYPE für XHTML 1.1 auftritt.

HTML: 
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <body>

    <div style="border: solid 1px black; font-size: 0;">
      <img src="media/components/logo.jpg" width="200" height="65" border="0" alt="Logo" />
    </div>

  </body>

</html>

Und zwar entsteht auf einmal unterhalb der eingebundenen Grafik eine unerwünschte Lücke zum unteren Rand des Div. Nach dem Einfügen von font-size: 0, ließ sich das Ganze im IE unterbinden, im Firefox jedoch nicht :-/

Weiß jemand Abhilfe? :)
 

Anhänge

  • div_problem.jpg
    div_problem.jpg
    18,8 KB · Aufrufe: 35
Weise der Grafik die CSS-Eigenschaft display:block zu, und die Lücke wird geschlossen:

HTML: 
<div style="border: solid 1px black;">
   <img src="media/components/logo.jpg" style="display:block; width:200px; height:65px; border:0;" alt="Logo" />
</div>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück