darki: Tabellen Problem - Browser Kompatibilität

Ich hab zur Zeit folgendes Problem und seh den Fehler icht :)
Der Code wird in verschiedenen Browsern unterschiedlich dargestellt.
Im Mozilla zum Beispiel sieht es aus wie es sein soll, im IE 5.x haben die Tabellenzeilen eine Höhe die ich so nicht definiert habe.

Hier mal der Code:

<html>
<body>
 <table width='600' border='0' cellpadding='0' cellspacing='0' rules="groups">
  <tr>
   <td align='left' valign='middle' width='8' height='28'>
    <img src='bilder/oben-links.gif' border='0'>
   </td>
   <td align='left' valign='middle' background='bilder/oben-mitte.gif'  height='28'>
    <font face='arial' size='1' color='#CC0033'>
    <b>ueberschrift</b>
    </font>
   </td>
   <td align='left' valign='middle' width='11' height='28'>
    <img src='bilder/oben-rechts.gif' border='0'>
   </td>
  </tr>

<tr>
   <td align='left' valign='middle' background='bilder/mitte-links.gif' width='8'></td>
   <td align='left' valign='middle' bgcolor='#C6C6C6'>
    <font face='arial' size='2' color='#CC0033'><b>
     inhalt
    </b></font>
   </td>
   <td align='left' valign='middle' background='bilder/mitte-rechts.gif' width='11'></td>
  </tr>

<tr>
   <td width='8' height='6'>
    <img src='bilder/unten-links.gif' border='0'>
   </td>

<td background='bilder/unten-mitte.gif'></td>

<td width='11'  height='6'>
    <img src='bilder/unten-rechts.gif' border='0'>
   </td>
  </tr>
 </table>
</body>
</html>

Ja ich weiss, das ist jetzt ohne irgendwelche Formalitäten.

Wie es live aussieht könnt ihr euch unter http://www.darki.net/Test.html
anschauen

Warum stimmt die Zeilenhöhe der ersten und dritten zeile im EX5.x nicht und z.B. im Mozilla oder im Konqueror

  1. Hallo,

    </archiv/1998_4/t00858.htm#a3350>

    Viele Grüße,
    Stefan

    1. Hallo,

      </archiv/1998_4/t00858.htm#a3350>

      Viele Grüße,
      Stefan

      Vielen Dank, das hat geholfen.

      Unglaublich was ein Zeilensprung bewirken kann :)

  2. Erstmal was Formales:

    Dein Quelltext ist fehlerbehaftet: Der für html-Seiten wichtigest DOCTYPE fehlt.

    Der <head><title>...</title></head>-Bereich fehlt ebenso.

    In den <img>-tags fehlt das alt=""-Attribut.

    All diese Angaben sind in W3C-konformem html zwingend erforderlich.

    Außerdem würde ich mir xhtml-Syntax angewöhnen, also etwa <img ... /> mit dem Schrägstrich am Ende.

    Da html nur zum Textauszeichnen und nicht zum Formatieren gedacht ist, ist auch etwa das Attribut height="" im td tag falsch. Dort liegt dann auch der Fehler. probiere es mal mit CSS, etwa so:

    <td style="height:28px; text-align:left; width:8px;">...</td>

    Grüße
    Andreas

    1. Erstmal was Formales:

      Dein Quelltext ist fehlerbehaftet: Der für html-Seiten wichtigest DOCTYPE fehlt.

      Der <head><title>...</title></head>-Bereich fehlt ebenso.

      In den <img>-tags fehlt das alt=""-Attribut.

      All diese Angaben sind in W3C-konformem html zwingend erforderlich.

      Wenn du meinen Post vollständig gelesen hättest, wüstest du, das der Code nur zum demonstrieren des Problem gedacht war

      Außerdem würde ich mir xhtml-Syntax angewöhnen, also etwa <img ... /> mit dem Schrägstrich am Ende.

      Da html nur zum Textauszeichnen und nicht zum Formatieren gedacht ist, ist auch etwa das Attribut height="" im td tag falsch. Dort liegt dann auch der Fehler. probiere es mal mit CSS, etwa so:

      <td style="height:28px; text-align:left; width:8px;">...</td>

      Grüße
      Andreas

      Desweiteren funktioniert height im td tadellos, ausserdem hat keiner deiner Tips geholfen oder war irgendwie hilfreich ...
      Auf klugscheisser kann ich echt verzichten.

      PS: Dein Nachposter hatte einen echt hilfreichen Thread zur verfügung.

      1. Hallo Markus,

        Wenn du meinen Post vollständig gelesen hättest, wüstest du, das der Code nur zum demonstrieren des Problem gedacht war

        Andreas hat schon recht, es kann manchmal extrem hilfreich sein,
        wenn der Testcode auch fehlerfrei ist, d.h. ohne Probleme durch
        den Validator geht. Oft lösen sich dann Probleme schon von allein
        oder es macht zumindest die Problemsuche für uns einfacher.

        Auf klugscheisser kann ich echt verzichten.

        So Kommentare müssen doch auch nicht sein, oder? Damit hilfst Du
        niemand (vor allem Dir selbst nicht) und verbreitest nur negative
        Stimmung, die letztendlich auch Dir selbst schadet. Es stimmt, ab
        und an bekommt ein Frager auch mal Antworten, die ihm wenig/nicht
        helfen, aber da solltest Du einfach ignorieren und nix schreiben.

        PS: Dein Nachposter hatte einen echt hilfreichen Thread zur verfügung.

        Schaue Dir mal an, wie das Forum aufgebaut ist, dann wirst Du
        sehen, dass ich Dir zuerst geantwortet habe :-)

        Viele Grüße,
        Stefan