hannes: FF und Tabellenrand (mit style definiert)

SELF-Forum

FF und Tabellenrand (mit style definiert)

hannes
– Informationen zu den Bewertungsregeln

Hallo,
ich habe folgenden code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
  
<title>test</title>  
  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
<style type="text/css">  
div#container {  
 position: relative;  
 margin: 0 auto;  
 width: 750px;  
 min-height: 100%;  
 overflow: visible;  
 background: #cdc8da;  
 text-align: left;  
}  
table.literatur {  
 width:95%;  
 border:0px solid #000066; border-collapse:collapse;  
 margin:20px 0 0 20px;  
 font-size:12px;  
}  
td.literatur {  
 border:1px solid #000066;  
 padding:3px;  
}  
</style>  
</head>  
  
<body>  
  
<div id="container">  
    <table class="literatur">  
      <tr>  
        <td class="literatur"><b>Zeit/Ort</b></td>  
        <td class="literatur"><b>Thema</b></td>  
        <td class="literatur"><b>Kursleitung, Referenten/Kontakt</b></td>  
        <td class="literatur"><b>Bemerkungen</b></td>  
      </tr>  
      <tr>  
        <td colspan="4" class="literatur">&nbsp;</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td colspan="4" class="literatur">&nbsp;</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td colspan="4" class="literatur">&nbsp;</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td colspan="4" class="literatur">&nbsp;</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
        <td rowspan="2" class="literatur">aaa</td>  
      </tr>  
      <tr>  
        <td class="literatur">aaa</td>  
        <td class="literatur">aaa</td>  
      </tr>  
    </table>  
</div>  
<!-- eof container -->  
  
</body>  
</html>

Die Seite wird von Opera9 und IE7 richtig dargestellt. FF2 zeigt den linken Rand verdickt.
Ich kann den Fehler nicht finden. Weiss jemand Rat?
Gruss

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. FF und Tabellenrand (mit style definiert)

    hannes
    – Informationen zu den Bewertungsregeln

    Hallo,
    ich kann noch Folgendes ergänzen:
    zufällig habe ich festgestellt, dass sich die falsche Darstellung mit FF (V 2.0.0.7) nur bei einer Fenstergrösse von 1275x987 zeigt. Verkleinere ich das Fenster auf etwa 1260 (oder weniger), dann wird der Tabellen-/Zellenrand richtig dargestellt.
    Das verwirrt mich nun noch mehr.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. FF und Tabellenrand (mit style definiert)

    Antipitch
    – Informationen zu den Bewertungsregeln

    Hi Hannes,

    bei sieht das in allen Browsern gleich aus, aber du kannst ja mal bißchen aufräumen (Optik danach die gleiche):

    Dein table sollte bekommen:
    border: none;
    border-collapse: collapse;

    ALLE td's sollten bekommen:

    border:1px solid #000066;

    Gruß
    Antipitch

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln