Hans Haußmann: margin-top

Es geht um die Gestaltung der linken Menü-Leiste von 'www.awue.de'.
Ich habe schon Tage damit zugebracht!
Und jetzt gerade einen Nachmittag lang im Archiv gewühlt.

Meine HTML-Datei ist:

<html>
<head>
<title>Leiste</title>
<base target="rechts">
<style type="text/css">

td.gross { font-size:9pt;
             line-height:10pt;
             font-weight:bold;
             margin-top:10px;
             margin-bottom:0px;
             font-family:Helvetica,Arial; }

td.klein { font-size:9pt;
             line-height:8pt;
             text-indent:10px;
             margin-top:0px;
             font-family:Helvetica,Arial; }

td       { font-size:9pt;
             line-height:9pt;
             margin-left:0px;
             margin-top:0px;
             font-family:Helvetica,Arial; }

</style>
</head>

<body bgcolor=#ffffaa>

<table cols=1 cellpadding=0 cellspacing=0 width=100% bgcolor=#ffffaa>
<spacer type=vertical size=70>
<tr><td class=gross><a href="Wer_was.htm">Wer schreibt hier was?</a></td></tr>
<tr><td class=gross><a href="Es_war_einmal.htm">Es war einmal</a></td></tr>
<tr><td class=gross><a href="Zuchtziel.htm">Herkunft und Zuchtziel</a></td></tr>
<tr><td class=gross>Der Verein</td></tr>
<tr><td class=klein><a href="Allgemeines.htm">Allgemeines</a></td></tr>
<tr><td class=klein><a href="Leitung.htm">Die Vereinsleitung</a></td></tr>
<tr><td class=klein><a href="Zuechter.htm">Die Züchter</a></td></tr>
<tr><td class=klein><a href="Satzung.htm">Die Satzung</a></td></tr>
<tr><td class=klein><a href="Mitgliedschaft.htm">Mitgliedschaft</a></td></tr>
<tr><td class=gross>Unsere Pferde</td></tr>
<tr><td class=klein><a href="Hengste.htm">Die Hengste</a></td></tr>
<tr><td class=klein><a href="Stuten.htm">Die Stuten</a></td></tr>
<tr><td class=klein><a href="Ped.htm">Die Pedigrees</a></td></tr>
<tr><td class=gross><a href="Verkauf.htm">Verkauf von AW-Pferden</a></td></tr>
<tr><td class=gross><a href="Aktuelles.htm">Aktuelles</a></td></tr>
<tr><td class=gross><a href="Mitteilungen.htm">Mitteilungen für
Mitglieder</a></td></tr>
<tr><td class=gross><a href="Erhalten.htm">Alte Rassen erhalten?</a></td></tr>
<tr><td class=gross><a href="Hie_gut_Wuertt_01.09.htm">Hie gut Württemberg ..
?</a></td></tr>
<tr><td class=gross><a href="Verweise.htm" target="_neu">Verweise
(Links)</a></td></tr>
<tr><td class=gross><a href="Hippologie.htm">Hippologie in
Hohenheim</a></td></tr>
<tr><td class=gross><a href="Schreiben.htm">Schreiben Sie uns!</a></td></tr>
<tr><td class=gross> </td></tr>
<tr><td class=gross> </td></tr>

</table>
</body>
</html>

Die Zeile "margin-top:10px;" in "td.gross" funktioniert

bei Netscape 4.79 unter UNIX-AIX aber offenbar nicht

bei Netscape 6.2 und nicht bei IE6 unter Windows98.

Mache ich da etwas falsch? Muss ich ein anderes statement verwenden?

Ich habe bereits mühsam herausgefunden (im Archiv), dass "margin-left"
auch nur bei Netscape 4.79 unter AIX läuft und wogegen "text-indent" bei
allen drei genannten Browsern funktioniert.

Kann mir da jemand helfen? Weitere Wochen kann ich damit nicht zubringen!

Besten Dank im Voraus!

Hans Haußmann

  1. Meine HTML-Datei ist:

    <html>

    http://www.hut.fi/u/hsivonen/doctype.html

    <style type="text/css">

    td.gross {

    margin-top:10px;
                 margin-bottom:0px;

    http://www.w3.org/TR/REC-CSS2/tables.html#collapsing-borders
    http://www.w3.org/TR/REC-CSS2/tables.html#separated-borders

    Tipp: Prüfe, ob dort irgendein Wort zu "margin" vorkommt.