jabre: Problem mit Zeilenumbruch im IE

Beitrag lesen

SELF-Forum

Problem mit Zeilenumbruch im IE

jabre
– Informationen zu den Bewertungsregeln

Hallo,

ich hoffe Ihr könnt mir helfen:
Ich habe in ein div-Tag eine Tabelle gesetzt:

<div class="pad5">
  <table border="0">
  <tr>
  <td colspan="2" class="white_b">Eingeschlossene Leistungen:</td>
  </tr>
  <tr>
  <td width="10" valign="top">&middot;</td>
  <td width="228">Linienflug in der Economy-Class nach Quito via Madrid und zur&uuml;ck von Guayaquil via Madrid</td>
  </tr>
  <tr>
  <td valign="top">&middot;</td>
  <td>Flughafentransfers im Reiseland</td>
  </tr>
  <!--<tr>
  <td valign="top">&middot;</td>
  <td>Eintrittsgeb&uuml;hren entsprechend des Reiseverlaufs</td>
  </tr>-->
  <tr>
  <td valign="top">&middot;</td>
  <td>Ein Reisebuchgutschein pro Buchung</td>
  </tr>
  </table>
</div>

CSS: .pad5 {
 padding-top : 5px;
 padding-right : 5px;
 padding-left : 5px;
 padding-bottom : 5px;
 vertical-align : top;
     }

Alles wird prima dargestellt.
So, wenn ich jetzt die Zelle in den Kommentaren von eben diesen befreie, dann verschiebt der IE das Layout und macht die Tabelle breiter. Grund dafür scheint der Umgang des IE mit dem Zeilenumbruch zu sein. Der Text "Eintrittsgeb&uuml;hren entsprechend des Reiseverlaufs" ist breiter als die Tabellenzelle. Die Zeile wird auch umgebrochen, aber der IE macht trotzdem die Tabelle ein Stück breiter. Wenn ich an der gleichen Stelle ein <br> einfüge, wird die Tabelle tadellos dargestellt.
Übrigens: in Firefox, Opera und Netscape gibts das Problem nicht.

Kann mir jemand weiterhelfen?

Beitrag melden
–
Informationen zu den Bewertungsregeln