Ein Image so in ein div setzen, daß die border stimmt

wintermute · 05.03.2004, 12:21

Hallo,

ich mühe mich grade damit ab einem div einen Rahmen auf der linken Seite zu geben. Leider funktioniert das nicht so ganz im (wieder mal) IE. Da wird das Bild nicht mit dem div in Verbindung gebracht sondern nur der Text.

Warum macht der IE das?

steff11 · 05.03.2004, 13:07

Code?

Nightline · 05.03.2004, 13:48

Steht im div display: block; ?

wintermute · 05.03.2004, 17:18

danke nightline. Das war's.

<<< J >>> · 28.10.2004, 16:56

Hallo,

ich hoffe, ich kann dieses Thema noch einmal aufgreifen, da ich das gleiche Problem habe, aber die Lösung nicht hinbekomme, trotz selfhtml und der Hinweise hier. in welchem div muß ich das display:block; einsetzen?

Anbei der Quelltext:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link rel="stylesheet" type="text/css" href="../../../../css_formate/css_formate.css">
  <title>Termine</title>
</head>

<body>
<div style="width:146px; margin-left:2px; margin-right:2px; border-style:solid; border-width:1px; margin-top:4px;">
  <div style="font-weight:bold; font-size:12px; border-style:solid; border-width:0px 0px 1px 0px; padding:1px; background:#E9EBEE">
    Termine:
  </div><div style="padding:2px;">
    <div>
      <span style="text-decoration:underline">Donnerstag, 28. Oktober</span><br>18.30 Uhr: Jugendfeuerwehrdienst<br><br>
    </div><div>
      <span style="text-decoration:underline">Samstag, 30. Oktober</span><br>15.00 Uhr: Abschluss&uuml;bung JF<br><br>
    </div><div>
      <span style="text-decoration:underline">Dienstag, 02. November</span><br>20.00 Uhr: Vorstandssitzung FF
    </div>
  </div>
</div>
<div style="width:146px; margin-left:2px; margin-right:2px; border-style:solid; border-width:1px; margin-top:4px;">
  <div style="font-weight:bold; font-size:12px; border-style:solid; border-width:0px 0px 1px 0px; padding:1px; background:#E9EBEE">
    Meldungen:
  </div><div style="padding:2px;">
    <div style="border-style:solid; border-width:0px 0px 1px 0px; display:block;">
      <span style="font-weight:bold;">23. Oktober; 13.45 Uhr</span>
      <img src="./images/helm_jf_klein.jpg" style="width:57px; height:60px; float:left;" alt="";>Feuerwehr probt den Ernstfall ...<br>Details<span style="clear:left"></span>
    </div>
  </div><div style="padding:2px;">
    <div>
      <span style="font-weight:bold;">22. Oktober; 19.00 Uhr</span>
      <img src="./images/gallet.jpg" style="width:59px; height:60px; float:left;" alt="";>Feuerwehr probt den Ernstfall ...<br>Details<span style="clear:left"></span>
    </div>
  </div>
</div>
<div style="width:146px; margin-left:2px; margin-right:2px; border-style:solid; border-width:1px; margin-top:4px;">
  <div style="font-weight:bold; font-size:12px; border-style:solid; border-width:0px 0px 1px 0px; padding:1px; background:#E9EBEE">
    Einsätze:
  </div>
  <table style="border-style:none;">
    <tr>
      <td style="vertical-align:top;">42</td>
      <td>Katastrophenschutz-<br>&uuml;bung</td>
    </tr><tr>
      <td style="vertical-align:top;">41</td>
      <td>Großfeuer</td>
    </tr><tr>
      <td style="vertical-align:top;">40</td>
      <td>Brandmeldereinlauf</td>
    </tr>
  </table>
</div>
</body>

</html>