Karin: Tabellen in Netscape 6 funktionieren nicht

Hallo,
wie kann ich Netscape dazu zwingen, meine Tabellen so darzustellen, wie ich sie eingegeben habe? Height 90%, witdh 100%. vAlign middle usw. In Netscape rutscht der Inhalt immer an den oberen Rand. Außerdem zieht NS die einzelnen Tabellenzeilen auseinander, obwohl ich Spacing und Padding "0" eingegeben habe. Was mache ich falsch?
karin

  1. Sup!

    Erstens kann Dir keiner helfen, wenn Du nicht etwas Quellocde mitschickst ("Funktioniert nicht" funktioniert nicht - (C) by Cheatah).

    Zweitens will ich Dir gar nicht helfen, weil auf Deiner Homepage so ein saudämliches "Install IE 5 or higher" erscheint, wenn ich mit meinem Mozilla dahin surfe. Dass Mozilla den IE teilweise ziemlich alt aussehen läßt, ist wohl noch nicht bis zu Dir vorgedrungen. Ich könnte mich jetzt tierisch aufregen... statt dessen wünsche ich viel Erfolg beim Tabellen basteln - guter Wille zur Netscape 6 Anpassung scheint ja vorhanden...

    Gruesse,

    Bio

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

      <head>

      <link rel="stylesheet" href="../atext.css">  </head>

      <body bgcolor="#999999" onload="CSScriptInit();">   <table border="0" cellpadding="0" cellspacing="5" width="128" height="90%">    <tr>     <td align="right" width="100">      <table cool width="101" height="45" usegridx usegridy showgridx showgridy gridx="16" gridy="4" border="0" cellpadding="0" cellspacing="0">       <tr height="16">        <td width="100" height="16"></td>        <td width="1" height="16"><spacer type="block" width="1" height="16"></td>       </tr>       <tr height="28">        <td width="100" height="28" valign="top" align="left" xpos="0"><img src="../pictures/b_grau.gif" width="100" height="20" border="0" alt="display" name="display"></td>        <td width="1" height="28"><spacer type="block" width="1" height="28"></td>       </tr>       <tr height="1" cntrlrow>        <td width="100" height="1"><spacer type="block" width="100" height="1"></td>        <td width="1" height="1"></td>       </tr>      </table>     </td>     <td width="100">      <table border="0" cellpadding="0" cellspacing="0">       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B870A09717" st="über mich - about" csout="B86F7DB1111"><a href="Textseite.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B870A09717'));return CSIShow(/CMP/'button2',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1111'));return CSIShow(/CMP/'button2',0)" onclick="CSIShow(/CMP/'button2',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button2" border="0" alt="über mich - about"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1113" st="vita" csout="B86F7DB1115"><a href="vita.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1113'));return CSIShow(/CMP/'button3',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1115'));return CSIShow(/CMP/'button3',0)" onclick="CSIShow(/CMP/'button3',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button3" border="0" alt="vita"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1117" st="fotografie" csout="B86F7DB1119"><a href="details.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1117'));return CSIShow(/CMP/'button4',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1119'));return CSIShow(/CMP/'button4',0)" onclick="CSIShow(/CMP/'button4',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button4" border="0" alt="fotografie"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1121" st="video und film" csout="B86F7DB1123"><a href="Videowasserglas.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1121'));return CSIShow(/CMP/'button5',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1123'));return CSIShow(/CMP/'button5',0)" onclick="CSIShow(/CMP/'button5',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button5" border="0" alt="video und film"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1125" st="installation" csout="B86F7DB1127"><a href="InstallationAtmen.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1125'));return CSIShow(/CMP/'button6',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1127'));return CSIShow(/CMP/'button6',0)" onclick="CSIShow(/CMP/'button6',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button6" border="0" alt="installation"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1129" st="experiment" csout="B86F7DB1131"><a href="experiment1.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1129'));return CSIShow(/CMP/'button7',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1131'));return CSIShow(/CMP/'button7',0)" onclick="CSIShow(/CMP/'button7',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button7" border="0" alt="experiment"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1135" st="termine" csclick="B86F7DB1133" csout="B86F7DB1137"><a href="#" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1135'));return CSIShow(/CMP/'button8',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1137'));return CSIShow(/CMP/'button8',0)" onclick="CSAction(new Array(/CMP/'B86F7DB1133'));CSIShow(/CMP/'button8',2);return CSClickReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button8" border="0" alt="termine"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1139" st="linkliste" csout="B86F7DB1141"><a href="linkliste.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1139'));return CSIShow(/CMP/'button9',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1141'));return CSIShow(/CMP/'button9',0)" onclick="CSIShow(/CMP/'button9',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button9" border="0" alt="linkliste"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1143" st="kontakt: karin.geurtz@netzkunstkg.de" csout="B86F7DB1145"><a href="http://www.netzkunstkg.de/emailformular.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1143'));return CSIShow(/CMP/'button10',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1145'));return CSIShow(/CMP/'button10',0)" onclick="CSIShow(/CMP/'button10',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button10" border="0" alt="kontakt: karin.geurtz@netzkunstkg.de"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1147" st="inhaltsübersicht - sitemap" csout="B86F7DB1149"><a href="sitemap.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1147'));return CSIShow(/CMP/'button11',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1149'));return CSIShow(/CMP/'button11',0)" onclick="CSIShow(/CMP/'button11',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button11" border="0" alt="inhaltsübersicht - sitemap"></a></csobj></td>       </tr>       <tr>        <td align="center"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1151" st="Für meine Seiten ist QuickTime erforderlich - hier geht's zum download" csout="B86F7DB1153"><a href="http://www.apple.com/quicktime/download/" target="_blank" onmouseover="CSAction(new Array(/CMP/'B86F7DB1151'));return CSIShow(/CMP/'button12',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1153'));return CSIShow(/CMP/'button12',0)" onclick="CSIShow(/CMP/'button12',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button12" border="0" alt="Für meine Seiten ist QuickTime erforderlich - hier geht's zum download"></a></csobj></td>       </tr>       <tr>        <td align="center" rowspan="2"><csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B86F7DB1155" st="home - zurück zur Startseite" csout="B86F7DB1157"><a href="startseite.html" target="mainframe" onmouseover="CSAction(new Array(/CMP/'B86F7DB1155'));return CSIShow(/CMP/'button',1)" onmouseout="CSAction(new Array(/CMP/'B86F7DB1157'));return CSIShow(/CMP/'button',0)" onclick="CSIShow(/CMP/'button',2);return CSButtonReturn()"><img src="../pictures/b_schwarz.gif" width="20" height="25" name="button" border="0" alt="home - zurück zur Startseite"></a></csobj></td>       </tr>       <tr></tr>      </table>     </td>    </tr>   </table>   <p></p>  </body>

      </html>

      Karin

      1. Sup!

        Ich möchte nicht unhöflich erscheinen, aber ich denke, es würde ein wenig helfen, wenn Du auch noch erwähnen würdest, welchen Editor Du benutzt.

        Vielleicht könntest Du auch eine etwas abgespeckte Version der problematischen Seite entwerfen, die das Problem "im kleinen" zeigt.

        Man nennt so eine Minimal-Version einer Seite, die auf das wesentliche reduziert ist, einen "Test-Case". So einen Test-Case fände ich schön, denn Dein Code ist doch ein wenig umfangreich und anscheinend mit allem mögliche Skript-Beiwerk ausgestattet.

        Gruesse,

        Bio

        1. Ich arbeite mit GoLive 5.0 am mac. Habe gerade mozilla geladen. Was ist der Unterschied zu Netscape 6.2?
          Karin

          1. Sup!

            Gross ist der Unterschied nicht.
            Netscape 6 ist die kommerzielle Version, Mozilla das Open-Source-Projekt, in dessen Rahmen der Browser entwickelt wird.

            Näheres steht sicher irgendwo auf mozilla.org

            Gruesse,

            Bio

          2. Ich arbeite mit GoLive 5.0 am mac.

            sah eher auf wie 'nen Word-Export :))
            ca. 70% des Codes wird keinen Browser dieser Welt übermäßig interessieren.

            Habe gerade mozilla geladen. Was ist der Unterschied zu Netscape 6.2?

            Netscape 6.2 = Mozilla 0.9.4.1
            aktueller Mozilla = 0.9.7 (bald 0.9.8)

            ...zu den 100% Höhe: "wovon 100%?" fragt sich das der Browser (IE6 auch)

      2. Hallo !

        Uiuiuiuiui!

        Darf man fragen, mit welchem Editor du die Seite erstellt hast?

        Es wimmelt nur so von Tags und Attributen, die mit HTML herzlich wenig zu tun haben.

        z.B.:

        <table cool width="101" height="45" usegridx usegridy showgridx showgridy gridx="16" gridy="4" border="0" cellpadding="0" cellspacing="0">

        in HTML könnte dies so aussehen:
        <table border="0" cellpadding="0" cellspacing="0" width="101" style="height:45px;">

        oder:

        <csobj w="20" h="25" t="Button" ht="../pictures/b_rot.gif" cl="../pictures/b_weiss.gif" csover="B870A09717" st="über mich - about" csout="B86F7DB1111">

        Wat'n dat?

        Dein Problem mit der Tabellenhöhe dürfte aber daher rühren, dass der NN6.x und du sich nicht darüber einig sind, wovon die 90% zu berechnen sind.
        Aufklärung findest du hier: http://www.styleassistant.de/tips/tip71.htm

        Ich hoffe, ich konnte dir ein wenig helfen.

        Gruß aus Emmerich :-),

        kerki

        1. Hallo,
          hab's ausprobiert. Geht aber nicht. Zum Verzweifeln!
          Gruß aus Kranenburg
          Karin

          1. nana, Karin,

            hab's ausprobiert. Geht aber nicht. Zum Verzweifeln!

            also, verzweifeln kann man, wenn man wieder mal keinen Sechser im Lotto erwischt hat, gelle ? Aber sonst hat man ja das hilfreiche Forum hier ...

            Am besten wärs, du lädst das, was du "ausprobiert" hast, mal in irgendeine temporäre Adresse, so daß mans sich ankucken kann. kerki hat vollkommen recht gehabt, aber er (und alle anderen) kann nun nicht beurteilen, _was_ du jetzt ausprobiert hast.
            Übrigens (kerki hat schon danach gefragt): wie kamen denn diese exotischen tags in deinen Quelltext ?

            Gruß aus Kranenburg

            ups, wo liegt das ?

            Grüße aus Berlin

            Christoph S.

            1. Hallo !

              Am besten wärs, du lädst das, was du "ausprobiert" hast, mal in irgendeine temporäre Adresse, so daß mans sich ankucken kann. kerki hat vollkommen recht gehabt, aber er (und alle anderen) kann nun nicht beurteilen, _was_ du jetzt ausprobiert hast.

              Ich habe zur Verdeutlichung einmal zwei Beispielseiten ins Netz gestellt, die demonstrieren, wie man mittels einer 100% hohen Tabelle eine vertikal zentrierte Darstellung eines Inhaltes erzielen kann.
              Vielleicht bringt es etwas Klarheit in die Sache.

              Beispiel 1 basiert auf validem HTML und CSS mittels

              html, body, table { height: 100%; }

              http://kerki.bei.t-online.de/table_valid.html

              Beispiel 2 zeigt die "gute alte" Methode mittels

              <table height="100%">

              http://kerki.bei.t-online.de/table_invalid.html

              Entscheidend bei der 2. Methode ist es, die einleitende Doctype-Angabe wegzulassen, da ansonsten moderne, standard-konforme Browser auf Stur schalten und die nach W3-Spezifikation ungültige Höhenangabe bei der Tabelle ignorieren.

              Vorteil dieser 2. Methode ist aber, dass sie auch mit älteren Browsern (z.B: Netscape Navigator 4.x) das erwünschte Ergebnis bringt.

              Die erste Methode hingegen ist zwar valides HTML, m.E. aber völlig unsinnig, da die Kombination valides HTML + CSS andere Möglichkeiten bieten, Inhalt vertikal zu zentrieren. Der Umweg über eine Tabelle ergibt in meinen Augen hier deshalb keinen Sinn.

              Gruß aus Kranenburg
              ups, wo liegt das ?

              Op de gönne Kant! :-)))

              http://kerki.bei.t-online.de/kreis_kleve.jpg (79KB)

              Gruß aus Emmerich,

              kerki

  2. hi karin

    du weisst doch, wir eollen nur da eine: deinen source code :)
    zeig ihn uns, dann können wir dir besser helfen :)

    alles liebe
    ole
    (8-)>