Christopher: Tabellen, Zeilenabstände: IE vs. Firefox

Hallo,

bin leider wohl zu blöd, die Antwort auf meine Frage selbst zu finden: Bei folgendem Tabellenlayout zeigt der Internetexplorer wie gewünscht keinen (vertikalen) abstand zwischen der kopfzeile und dem rest darunter an, Firefox tut dies aber. Anstatt genauen antworten würde mir auch schon reichen, wenn mir jemand sagen könnte, wo solche Formatierungsunterschiede zwischen den Browsern in selfhtml behandelt werden.

<html>  
<head>  
<title>Beispiel eines typischen Tabellen-Layouts</title>  
</head>  
<body>  
<table border="0" cellpadding="0" cellspacing="0" width="800" style="border-collapse:collapse;">  
  <tr syle="margin:0; padding:0;">  
    <td width=200></td>  
    <td><table  width="100%" border="0" cellpadding="2">  
        <td align="center"><h2 style="margin-bottom:0;">test</h2></td>  
      </table></td>  
  </tr>  
  <tr>  
    <td valign="top" width="200"><h3>Navigation</h3>  
      </td>  
    <td valign="top"><table border="0" cellpadding="3px" cellspacing="0">  
        <tr>  
          <td width=300 align="center"><h3>test</h3></td>  
          <td align="center" valign="top"><h3>test </h3></td>  
        </tr>  
      </table></td>  
  </tr>  
</table>  
</body>  
</html>  
  

  1. bin leider wohl zu blöd, die Antwort auf meine Frage selbst zu finden: Bei folgendem Tabellenlayout zeigt der Internetexplorer wie gewünscht keinen (vertikalen) abstand zwischen der kopfzeile und dem rest darunter an, Firefox tut dies aber. Anstatt genauen antworten würde mir auch schon reichen, wenn mir jemand sagen könnte, wo solche Formatierungsunterschiede zwischen den Browsern in selfhtml behandelt werden.

    Gar nicht, denn bei allen Diskussionen wird von validem Code ausgegangen.

    <html>

    <head>
    <title>Beispiel eines typischen Tabellen-Layouts</title>
    </head>
    <body>
    <table border="0" cellpadding="0" cellspacing="0" width="800" style="border-collapse:collapse;">
      <tr syle="margin:0; padding:0;">
        <td width=200></td>
        <td><table  width="100%" border="0" cellpadding="2">

    Fehler hier......
    Wie immer Browser mit Fehlern umgehen, ist ihnen überlassen.

    <td align="center"><h2 style="margin-bottom:0;">test</h2></td>

    Fehler hier.

    </table></td>
      </tr>
      <tr>
        <td valign="top" width="200"><h3>Navigation</h3>
          </td>
        <td valign="top"><table border="0" cellpadding="3px" cellspacing="0">
            <tr>
              <td width=300 align="center"><h3>test</h3></td>
              <td align="center" valign="top"><h3>test </h3></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>

      
    Layouttabellen in Layouttabellen sind ungesund für die Psyche des Autors.  
      
    mfg Beat
    
    -- 
    Woran ich arbeite:  
    [X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1)  
       <°)))o><                      ><o(((°>o  
    
    
    1. Hallo,

      Gar nicht, denn bei allen Diskussionen wird von validem Code ausgegangen.

      Und dazu gehört als erstes mal die Angabe einer DTD - verrat dem Browser wenigstens nach welchem Standard er rendern soll. Sonst ist das Aussehen (vor allem im IE) ohnehin reine Glückssache...

      Tabellen in Tabellen... dazu muss man ja wohl nichts mehr sagen und "typische Layouttabellen" gibt es schon seit einer ganzen Weile nicht mehr, weil man typischerweise nicht mehr mit Tabellen layoutet - auch wenn eine Tabelle mit drei Zellen sogar von Blinden gut genutzt werden könnte. Die Menge macht das Gift und du dosierst offenbar aus einem Silo, der randvoll ist mit TDs, TRs und TABLEs...

      Viele Grüße,
      Marc.

      --
      Und immer schön
      validieren (http://validator.w3.org/)
  2. Hallöchen,

    Hallo,

    bin leider wohl zu blöd, die Antwort auf meine Frage selbst zu finden: Bei folgendem Tabellenlayout zeigt der Internetexplorer wie gewünscht keinen (vertikalen) abstand zwischen der kopfzeile und dem rest darunter an, Firefox tut dies aber. Anstatt genauen antworten würde mir auch schon reichen, wenn mir jemand sagen könnte, wo solche Formatierungsunterschiede zwischen den Browsern in selfhtml behandelt werden.

    Was welcher Browser bei deinem Code was zeigt, ist Glückssache, weil die innere Tabelle für den "Rest" nicht richtig definiert ist:

    <html>

    <head>
    <title>Beispiel eines typischen Tabellen-Layouts</title>
    </head>
    <body>
    <table border="0" cellpadding="0" cellspacing="0" width="800" style="border-collapse:collapse;">
      <tr syle="margin:0; padding:0;">
        <td width=200></td>
        <td><table  width="100%" border="0" cellpadding="2">
            <td align="center"><h2 style="margin-bottom:0;">test</h2></td>
          </table></td>
      </tr>
      <tr>
        <td valign="top" width="200"><h3>Navigation</h3>
          </td>
        <td valign="top"><table border="0" cellpadding="3px" cellspacing="0">

    ??? <table> ???

    <tr>
              <td width=300 align="center"><h3>test</h3></td>
              <td align="center" valign="top"><h3>test </h3></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>

      
    Formatierungsunterschiede durch fehlerhaften Code werden meines Wissens nirgendwo behandelt - außer eventuell mit dem Hinweis, validen Code zu schreiben...  
      
    MfG  
    vaudi