Kay Büchmann: Eingebettete Tabelle: Was ist falsch ?

Hallo zusammen,

nachdem ich mich auf meiner Website von Java und Frames getrennt habe, erlebte ich mein blaues Wunder, als ich die Seite mal mit "Opera" besuchte. Ich denke, dass auch der Navigator ähnliche Schwieriigkeiten bei der Darstellung haben wird, wie die kleinen Palmbrowser für HPC /PPC.

Wo genau liegt der Fehler ??
Die URL habe ich mal beigefügt, damit Ihr es mal live sehen könnt...

Ich bin mit meinem Latein echt am Ende...

Kay

-------SCHNIPP:
<style type="text/css">
  <!--
  /*  ... Style-Sheet-Angaben ... */
  //-->
body { margin-top:5px; margin-bottom:0px; background-color:#FFFFFF; }
p,ul,ol,li,div,td,th,address,nobr,b,i { font-family:Arial,sans-serif; font-size:9pt; }
p.me {text-indent: 0,5 cm; }
A:link   { color: #000000;  }
A:hover  { color: #0000FF; }
A:visited  { color: #000000;  }
A:active  { color: #000000;  }
A:bb:hover  { color: #0000FF; }
</style>
<BODY BGCOLOR="FFFFFF">

<CENTER>
<TABLE WIDTH=600 BORDER=0 CELLSPACING=0% CELLPADDING=0%>
    <TR><!-- Row 1 -->
      <TD ALIGN=left VALIGN=top><IMG SRC="images/leiste_oben.gif" WIDTH="520" HEIGHT="45"></TD>
      <TD ALIGN=left VALIGN=top><A HREF="mailto:kay@schwerelos.de"><IMG SRC="images/leiste_oben_kontakt.gif" WIDTH="80" HEIGHT="45" Border=0></A></TD>
    </TR>
</TABLE>
<TABLE WIDTH=600 BORDER=0 CELLSPACING=0% CELLPADDING=0%>
    <TR><!-- Row 2 -->
      <TD ALIGN=left VALIGN=top WIDTH=200><IMG SRC="images/leiste_unten_paragliding.gif" WIDTH="150" HEIGHT="25"></TD>
      <TD ALIGN=right VALIGN=top WIDTH=105><A HREF="http://www.airea.de" target="_blank"><IMG SRC="images/leiste_unten_werbung_airea.gif" WIDTH="90" HEIGHT="45" Border=0></A></TD>
      <TD ALIGN=right VALIGN=top WIDTH=105><A HREF="http://www.perche.com" target="_blank"><IMG SRC="images/leiste_unten_werbung_perche.gif" WIDTH="90" HEIGHT="45" Border=0></A></TD>
      <TD ALIGN=right VALIGN=top WIDTH=105><A HREF="http://www.parashop.at" target="_blank"><IMG SRC="images/leiste_unten_werbung_parashop.gif" WIDTH="90" HEIGHT="45" Border=0></A></TD>
      <TD ALIGN=right VALIGN=top WIDTH=105><A HREF="http://www.flugsport.de" target="_blank"><IMG SRC="images/leiste_unten_werbung_claus_vischer.gif" WIDTH="90" HEIGHT="45" Border=0></A></TD>
    </TR>
</TABLE>

<!-- Headerbereich mit Navigation START -->
<TABLE WIDTH=600 VALIGN=top BORDER=0 CELLSPACING=0% CELLPADDING=0%>
<TR><!-- Row 1 -->
<!-- Links Navigationsleiste START -->
<TD>
<!-- Eingebettete Tabelle für Navigation START -->
<TABLE WIDTH=200 HEIGHT=300 VALIGN=top BORDER=0 CELLSPACING=2 CELLPADDING=0%>
<TR><!-- Row Infos -->
<TD><IMG SRC="images/buttons/button_infos.gif" WIDTH="150" HEIGHT="15"></TD>
</TR>
<TD><A HREF="index.html">Startseite</A> <A HREF="html/news.html">Aktuelles</A> </TD></TR>
<TD ALIGN=left><A HREF="html/recht.html">Recht</A> <A HREF="html/technik.html">Technik</A> <A HREF="html/sicherheit.html">Sicherheit</A></TD></TR>
<TD><A HREF="html/anfaenge.html">Anfänge</A> <A HREF="html/neuling.html">Die FAQ</A> <A HREF="html/tests.html">Tests</A></TD></TR>
<TD><A HREF="html/download.html">Software</A> <A HREF="html/verloren.html">Verlorenes</A></TD>
</TR>
<TR><!-- Row Fluggebiete und Links -->
<TD><IMG SRC="images/buttons/button_fluggebieteundlinks.gif" WIDTH="150" HEIGHT="15"></TD>
</TR>
<TD><A HREF="html/gebiete.html">Fluggebiete</A> <A HREF="html/datenbank.html">Datenbank</A></TD></TR>
<TD><A HREF="html/neugebiet.html">Gebiete eintragen</A></TD></TR>
<TD><A HREF="html/links.html">Die Linkliste</A></TD>
</TR>
<TR><!-- Row Termine und Foren -->
<TD><IMG SRC="images/buttons/button_termineundforen.gif" WIDTH="150" HEIGHT="15"></TD>
</TR>
<TD><A HREF="html/events.html">Termine & Events</A></TD></TR>
<TD><A HREF="html/forum.html">Hilfe im Netz</A></TD>
</TR>
<TR><!-- Row Wetter und Urlaub -->
<TD><IMG SRC="images/buttons/button_wetterundurlaub.gif" WIDTH="150" HEIGHT="15"></TD></TR>
<TD><A HREF="html/wetter.html">Wetter</A> <A HREF="html/meteo.html">Meteo</A></TD></TR>
<TD><A HREF="html/urlaub.html">Urlaubsberichte</TD>
</TR>
<TR><!-- Row Anzeigen und Shop -->
<TD><IMG SRC="images/buttons/button_anzeigenundshop.gif" WIDTH="150" HEIGHT="15"></TD>
</TR>
<TD><A HREF="kleinanzeigen/index.html">Kleinanzeigen</A></TD></TR>
<TD><A HREF="shop/index.html">Der online Shop</A></TD></TR>
<TR><!-- Row Gästebuch und Kontakt -->
<TD><IMG SRC="images/buttons/button_gaestebuchundkontakt.gif" WIDTH="150" HEIGHT="15"></TD></TR>
<TD><A HREF="gaestebuch/index.html">Das Gästebuch</A></TD></TR>
<TD><A HREF="html/email.html">EMail-Formular</A></TD>
</TR>
<TR><!-- Row Webring und Werbung -->
<TD><IMG SRC="images/buttons/button_webringundwerbung.gif" WIDTH="150" HEIGHT="15"></TD></TR>
<TD><A HREF="html/webring.html">Der Webring</A></TD></TR>
<TD><A HREF="html/dienste.html">Werbung auf schwerelos</A></TD>
</TR>
<TR><!-- Row Lokale Suchmaschine -->
<TD><IMG SRC="images/buttons/button_lokalesuchmaschine.gif" WIDTH="150" HEIGHT="15"></TD></TR>
<TD><A HREF="suchmaschine/suche.html">Durchsuche diese Seiten</A></TD>
</TR>
<TR><!-- Row 1 -->
</TR>
</TABLE>
<!-- Eingebettete Tabelle für Navigation ENDE -->
</TD>
<!-- Links Navigationsleiste ENDE -->
<!-- Rechts Inhalt oben START -->
<TD ALIGN=left>
<HR>
<TABLE WIDTH=400>
<TR><!-- Row 1 -->
<TD ALIGN=justify VALIGN=top>
<B>Willkommen auf schwerelos, dem Web-Magazin für<BR>Paraglider und Drachenflieger !</B>
<P>Diese Seiten sollen Dich mit unserem Flugsport bekannt machen oder, sofern Du bereits Pilot bist, Deine Anlaufstelle für alle weiteren Aktivitäten im Netz sein.
</TD>
<TD ALIGN=right VALIGN=top><IMG SRC="images/bildbausteine/collage.jpg" WIDTH="154" HEIGHT="139"></TD>
</TR>
<TD ALIGN=left VALIGN=top><img src="http://www.dwd.de/forecasts/images/WOLKEN_BRD.jpg" width="200" height="140"></TD>
<TD ALIGN=left VALIGN=top>
<B>Täglich frisch: Das Satellitenbild !</B>
<P>Hier das Satellitenbild für morgen, frisch vom DWD.<BR>Immer auf dem neuesten Stand, schau öfter mal vorbei !
</TD>
</TR>
<TABLE WIDTH=400>
<TR><!-- Row 1 --><TD ALIGN=center VALIGN=top>
Mach‚ mit beim  <a HREF="http://www.schwerelos.de/html/webring.html">Webring</a> für Paraglider und Drachenflieger !</TD></TR>
<TD ALIGN=center VALIGN=top>
<a href="http://www.schwerelos.de/html/webring.html"><img
src="http://www.schwerelos.de/webring/webring.jpg" width="141" height="98" border="0"></a><br>
[<a href="http://www.webring.org/cgi-bin/webring?ring=gleitschirm;id=1&prev"
target="_top">Vorherige</a>] [<a
href="http://www.webring.org/cgi-bin/webring?ring=gleitschirm;random" target="_top">Zufall</a>]
[<a href="http://www.webring.org/cgi-bin/webring?ring=gleitschirm;&list" target="_top">Seitenliste
</a>] [<a
href="http://www.webring.org/cgi-bin/webring?ring=gleitschirm;id=1&next"
target="_top">Nächste</a>] [<a
href="http://www.webring.org/cgi-bin/webring?ring=gleitschirm;id=1&next5"
target="_top">Nächste 5</a>]
</TD>
</TR>
</TABLE>

</TD>
<!-- Rechts Inhalt oben ENDE -->
</TR>
</TABLE>
<!-- Headerbereich mit Navigation ENDE -->

-------SCHNAPP--------

  1. Hallo,

    nachdem ich mich auf meiner Website von Java und Frames getrennt habe, erlebte ich mein blaues Wunder, als ich die Seite mal mit "Opera" besuchte. Ich denke, dass auch der Navigator ähnliche Schwieriigkeiten bei der Darstellung haben wird, wie die kleinen Palmbrowser für HPC /PPC.

    Wo genau liegt der Fehler ??
    Die URL habe ich mal beigefügt, damit Ihr es mal live sehen könnt...

    Ich bin mit meinem Latein echt am Ende...

    Könntest du uns bitte eine GENAUE Fehlerbeschreibung geben... oder soll ich raten wie die page aussehen soll wie du es willst???

    Der IE und der NS haben keine schwierigkeiten, obwohl du <head> nicht schließt :-)

    Ciao
    Ludwig

  2. ....also der Navigator 4.5 auf Mac-Basis macht keinen Terror! Aber an deiner Stelle würde ich nicht mit festen Pixelgrößen, sondern eventuell mit Blind-Gifs, arbeiten. Damit stellst Du einigermaßen sicher, daß die Tabelle auch plattformübergreifend identisch dargestellt wird. Ich habe damit gute Erfahrungen gemacht.

    Jan

  3. Hallo Kai
    Keine Ahnung was fuer einen Fehler du genau behoben haben willst. (siehe Kommentar von Ludwig)
    Aber: Folgende Dinge sind mir aufgefallen:
    1. Die Style Sheet Angaben gehoeren zwischen <head> und </head>. Bei dir befinden sie sich zwischen </head> und <body>
    2. die CSS Angaben sollten zwischen den beiden Zeilen:
    <!--
    //-->
    stehen und nicht dahinter.
    3. In der Navigationstabelle und im Hauptteil hast du eine ganze Menge <tr> 's vergessen.
    Du hast immer nur in den Zeilen mit den Images die <tr> geoeffnet.
    Beispiel

    <TR><!-- Row Fluggebiete und Links -->
    <TD><IMG SRC="images/buttons/button_fluggebieteundlinks.gif" WIDTH="150" HEIGHT="15"></TD>
    </TR>
    ***<tr> vergessen***<TD><A HREF="html/gebiete.html">Fluggebiete</A> <A
    HREF="html/datenbank.html">Datenbank</A></TD></TR>
    ***<tr> vergessen***<TD><A HREF="html/neugebiet.html">Gebiete eintragen</A></TD></TR>
    ***<tr> vergessen***<TD><A HREF="html/links.html">Die Linkliste</A></TD>
    </TR>
    Sehr nett von Netscape und IE, dass sie ueberhaupt etwas darstellen.
    Ich hoffe wenigstens ein bischen geholfen zu haben.
    Holger

    1. Nachtrag:
      Mir scheint die vergessenen <tr> der Navigationszeile fehlen auch in allen Unterverzeichnissen!!
      Ich hab mir noch einmal die Unterverzeichnisse Aktuelles und Recht angeschaut.
      Dort sind auch wieder einige Fehler marke <td> oder <tr> vergessen zu oeffnen.
      Bei Recht: In Zeile 164 <td> vergessen.
      Bei Aktuelles:  
      1.Tabelle rechts neben Navigationstabelle vergessen zu schliessen. (Dann wird gar nichts dargestellt!)
      Also: Zeile 122 :</table> einfuegen!
      2. In einigen Zeilen </td> direkt hinter <td>Anstatt hinter den Text, den du in diese Tabellenzelle schreiben willst.
      3. Eine ganze Menge <tr> vergessen.
      Viele Fehler!!!
      Vorschlag ich wuerde die Tabellen unterhalb der Navigationstabelle neu schreiben.
      Fehler suchen dauert wahrscheinlich laenger.
      Und zwar folgendermassen:
      <center>
      <table width=600>
      <tr><td>
      newstext1
      </td></tr>
      <tr><td>
      newstext2
      </td></tr>
      <tr><td>
      newstext3
      </td></tr>
      ...
      </table>
      </center>

      gutes gelingen
      Holger