Onkel Schnitzel: Tabellenproblem im IE

Nabend,

meine Tabelle wird im IE anders -ich nehme mal an, falsch- dargestellt als im Firefox und Opera. Der Aufbau ist ganz einfach. Links gibt es ein Bild von einem Spieler über die gesamte Länge (rowspan=3) und rechts sollen ein paar Daten stehen.

Im Firefox stehen diese Daten jetzt schön untereinander und unter der letzten Reihe ist noch Platz, so daß neben das Bild noch mehr Daten passen würden. Nur der IE stellt die Zellen viel zu hoch dar. Die Zellen haben eine Höhe, als würden dort zwei Textzeilen stehen. Schreibe ich testweise wirklich mal zwei Textzeilen rein, verdoppelt sich die Höhe sogar auf vier Textzeilen. Irgendwie kann ich mir dieses Verhalten nicht erklären. Habt ihr ne Idee?

<table border="0" cellspacing="10">
  <tr valign="top">
    <td rowspan="3" style="width: 200px"><img src="" /></td>
    <td style="height: 1em; font-weight: bold;">Geburtsdatum:</td>
    <td>08.09.1979</td>
  </tr>
  <tr valign="top">
    <td style="height: 1em; font-weight: bold;">Geburtsort:</td>
    <td>Berlin</td>
  </tr>
  <tr valign="top">
    <td style="font-weight: bold;">Position:</td>
    <td>2003</td>
  </tr>
</table>

Grüße,
Onkel Schnitzel

  1. Versuch mal, die Tabelle mit Rand darzustellen. Häufig findet man dann den Fehler. Tabellen sollte der IE wirklich beherrschen!

    Gruß Corni

    1. Versuch mal, die Tabelle mit Rand darzustellen.

      Hab ich schon gemacht. Die Tabellenzellen werden einfach zu hoch dargestellt. Hab schon alles mögliche probiert. Height-Angaben mit px usw.- nix. Es ist, als wenn der IE da irgendwo einen Zeilenumbruch sieht und deshalb die Zelle so groß macht.

      Gruß,
      Onkel Schnitzel

      1. Hallo Onkel Schnitzel,
        habe gerade mal deinen Codeschnipsel in ein HTML Gerüst eingebaut und auf meinem "lokalen" Server getestet.
        Sieht mit IE 6, Netscape 7.2 und Firefox version 1.0 preview release (?)
        exakt gleich aus. Vielleicht ein CSS-Problem? Hast du irgendwelche externen Style-Dateien?

        Oder es hat was mit dem Dokumentttyp zu tun ...
        ich hab folgenden genommen:

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

        liebe Grüße

        mbr

      2. Hallo Onkel Schnitzel,

        Height-Angaben mit px usw.- nix. Es ist, als wenn der IE da irgendwo einen Zeilenumbruch sieht und deshalb die Zelle so groß macht.

        Gib auf jeden Fall auch mal deinem Table-Element als solchem eine Höhe. Wenn ich richtig gerechnet habe, willst du ja drei Zeilen zu jeweils 1em Höhe, macht für das Table-Element also insgesamt 3em. Ganz sicher kannst du diesbezüglich aber nur gehen, wenn du eine Pseudo-Spalte einfügst in deren einzelnen Zeilen sich in der Höhe entsprechend aufgeblähte Blindpixel befinden.

        Gruß Gernot

  2. Hallo

    ...
        <td rowspan="3" style="width: 200px"><img src="" /></td>
    ...

    Vielleicht solltest du die Größe des Bildes und den verwendeten Doc-Type
    angeben.
    Ohne Bild ist die Anzeige bei mir in IE und Firefox identisch.

    Dein Problem wird sein, dass manche Browser Größenangaben bei Tabellenzellen
    eher als Mindestmaß interpretieren und versuchen die Zellen entsprechend der
    Größe des Inhalts gleichmäßig zu verteilen.

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
  3. Danke für Eure Antworten. Ich hab jetzt einfach ans Ende noch zwei leere Reihen angefügt. Der doctype hatte auf die Darstellung keinen Einfluß. Ich hab jetzt auch keine Zeit noch lange rumzuprobieren, deshalb gebe ich mich erstmal mit der Notlösung zufrieden.

    Schöne Grüße,
    Onkel Schnitzel