homerjay76: Doctype 4.01 und Tabelle

Hallo zusammen, ich habe folgendes Problem:

Ich habe eine Tabelle, erste Spalte ist die Nav-Leiste
zweite Spalte leer und dritte mit Text.

Im IE wird es korrekt angezeigt, im Firefox und Opera
sind die Zeilenabstände unterschiedlich verschoben, optisch
grausam um ehrlich zu sein.

Ändere ich den Doctype von 4.01 auf 4.0 passt alles
in allen verschiedenen Browsern.

Wie ist das möglich ? Was mache ich falsch ?(Außer eine Tabelle als Layout herzunehmen)

Vielen Dank im voraus
Homerjay76

Hier mal ein Ausschnitt der Tabelle:

<table border="0">
<colgroup>
<col width="97"  >
<col width="150" >
<col width="600" >
</colgroup>

<tr valign="top" align="left">

<td>&#160;</td>
<td>&#160;</td>
<td><p style="line-height:1.9em; font-size:1.6em;"><b>&Uuml;ber mich:</b></p></td></tr>

<tr>
<td><A HREF="index.html"><IMG id="Navi1" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/Home_AltMetalButtonOn.gif"  BORDER=0  ALT=" Home " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>Basteln ist mein leidenschaftliches Hobby.</b></p></td></tr>

<tr>
<td><A HREF="bilder.html"><IMG id="Navi2" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/bilder_AltMetalButton.gif"  BORDER=0  ALT=" bilder " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>Unter Bilder k&ouml;nnt ihr die Modelle sehen,</b></p></td></tr>

<tr>
<td><A HREF="kontakt.html"><IMG id="Navi3" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/kontakt_AltMetalButton.gif"  BORDER=0  ALT=" Kontakt " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>die ich in meine Kellerwerkstatt hergestellt habe.</b></p></td></tr>

<tr>
<td><A HREF="downloads.html"><IMG id="Navi4" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/downloads_AltMetalButton.gif"  BORDER=0  ALT=" Downloads " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>Mit der Zeit sammeln sich einige Maschinen an,</b></p></td></tr>

  1. Hallo!

    Bitte mache deinen Code valide. Es ist sinnlos in einem fehlerhaften Code nach Gründen für Darstellungsfehler zu suchen. Zudem lege ich dir ans Herz, dass du dich mit CSS-Layouts beschäftigen solltest. Tabellen gehören in das letzte Jahrtausend ;-) zumindest, wenn es um die Darstellung geht.

    ciao, ww

    --
    Yet it seems that some have succeeded in finding a way which instead of leading you to a dead end offers you a way out - a way to freedom. Apparently, developing your physical abilities is like pressing harder against the wall of natural limits. And the harder you press the farther you are from true freedom which logically thinking is the direction opposite to the wall.
    1. Das ist ja das seltsame, die Seiten sind valide.
      Als 4.01 ebenso wie unter 4.0.

      ???

      1. Hallo,

        Das ist ja das seltsame, die Seiten sind valide.
        Als 4.01 ebenso wie unter 4.0.

        Das ist schon möglich, aber eventuell hängen sich die Browser daran auf und interpretieren die Angabe ohne 1 im Ratemodus.

        Knnst du nicht ein Beispiel online stellen, ich kann mir unter der fehlerbeschreibung leider kaum etwas vorstellen.

        Gruß;

        1. Hab leider noch keine Domain, aber ich versuchs mal zu Beschreiben:

          Unter 4.0 im IE, Opera, FF sowie 4.01 im IE

          Navi1
          Navi2
          Navi3
          Navi4
          Navi5

          4.01 im Opera und FF

          Navi1
          Navi2

          Navi3

          Navi4

          Navi5

          1. Nachtrag:

            auf einer anderen Seite shauts so aus:

            Navi1

            Navi2

            Navi3

            Navi4

            Navi5

            und wieder auf einer anderen:

            Navi1
            Navi2

            Navi3

            Navi4
            Navi5

            Die Seiten sind aber immer nach dem gleichen Tabellenschema aufgebaut.

          2. Hallo,

            versuche mal herauszufinden, in welchem Modus die Seite jeweils gerendert wird. In Firefox erkennst du das unter -Rechtsklick -> Seiteniformationen anzeigen -> Anzeigemodus.

            Der Fehler, wie du ihn beschreibst ist mir so leider nicht bekannt.

            Vielleicht änderst du idealerweise den Code? Wenn du drei Spalten haben willst wären ja auch eine Tabelle und der Rest als Liste und Abätze genügend? Oder gibt es spezielle Gründe für dieses Konstrukt?

            Gruß;

            1. Hallo,

              versuche mal herauszufinden, in welchem Modus die Seite jeweils gerendert wird. In Firefox erkennst du das unter -Rechtsklick -> Seiteniformationen anzeigen -> Anzeigemodus.

              Beim FF sind alle Seiten im "Standartkonformer Modus"

              Dar Grund für diese Konstruktion:
              Es war am einfachsten alles zu positionieren damit
              alle Seiten gleich werden.
              Bei den Bildern habe ich Spalte 2 und 3 sowie die Zeilen
              mit colspan und rowspan zusammengefügt.
              Dort passen auch komischerweise die Navibuttons.

              Das Ergebnis soll so bei allen Seiten aussehen:

              ------------------------------------
              Banner                             -
                                                 -
                         Überschrift             -
              Navi       Text bzw. Bild          -
              Navi       Text bzw. Bild          -
              Navi       Text bzw. Bild          -
              Navi       Text bzw. Bild          -
              Navi       Text bzw. Blid          -
                                                 -
                  Noch mehr Text oder Bilder     -
              ------------------------------------

              1. Hallo,

                Beim FF sind alle Seiten im "Standartkonformer Modus"

                Das ist schonmal gut. Eventuell sind hier die Fast-standardkompatiblen Modi schuld, die Tabellen auf traditionellem Weg rendern. Auf alle Fälle ist mir sowas noch nicht untergekommen.

                Es war am einfachsten alles zu positionieren damit
                alle Seiten gleich werden.

                Das ist schon ein sehr fragwürdiger Grund. In Lynx (Textbrowser) sind alle Zellen wild durchgemischt.

                Das Ergebnis soll so bei allen Seiten aussehen:


                Banner                             -
                                                   -
                           Überschrift             -
                Navi       Text bzw. Bild          -
                Navi       Text bzw. Bild          -
                Navi       Text bzw. Bild          -
                Navi       Text bzw. Bild          -
                Navi       Text bzw. Blid          -
                                                   -
                    Noch mehr Text oder Bilder     -

                Erste und letzte Zeile sind einfach. Wenn du den mittleren Teil mit einer zweispaltigen (oder ganz ohne) Tabelle lösen würdest und Abstände mit CSS erschaffst, wo wäre da das Problem?

                Gruß;

                1. Hi Daniel, vielen Dank für deine Bemühungen !!!

                  Erste und letzte Zeile sind einfach. Wenn du den mittleren Teil mit einer zweispaltigen (oder ganz ohne) Tabelle lösen würdest und Abstände mit CSS erschaffst, wo wäre da das Problem?

                  Ich versteh gerade HTML ein wenig und jetzt mit
                  CSS wieder neu anfangen ?

                  Bleibt mir wohl nix anderes übrig ! ;-)

                  Noch eine Frage zum Schluß:
                  Wäre es so schlimm die Webseite mit Doctype 4.0 zu veröffentlichen?
                  Wenigstens soange bis die neue fertig ist.

                  Ähhm nochwas: Du bist nicht zufällig der Daniel der sich aus dem
                  Chip Forum verabschiedet hat?

                  mfg
                  Homerjay76

                  1. Hallo,

                    Ich versteh gerade HTML ein wenig und jetzt mit
                    CSS wieder neu anfangen ?

                    Nun, du musst so denken: HTML wird ja nicht durch CSS ersetzt, sondern CSS erweitert HTML um sinnvolle möglichkeiten, die auch bei der Wartung des HTML Quelltextes von nutzen sind.
                    Einfach mal SELFHTML durchrackern. Aber nichts überspringen, man meint zwar oft, "Ach das weiß ich schon", aber ingesamt kann dir da noch viel beigebracht werden :-) und sei es nur die Abschnitte über HTML und CSS.
                    Beginne am besten damit, die Seite in der HTML Variante Strict zu schreiben, dann wird dir schnell klar, wo du überall mit CSS weiterkommst. Und das viel Effektiver.

                    Noch eine Frage zum Schluß:
                    Wäre es so schlimm die Webseite mit Doctype 4.0 zu veröffentlichen?

                    Angesichts zahlreicher Autoren die wesentlich schlechteres veröffentlichen, dürfte es wohl nicht so schlimm sein.

                    Ähhm nochwas: Du bist nicht zufällig der Daniel der sich aus dem
                    Chip Forum verabschiedet hat?

                    Nein, ich bin nur hier unterwegs. ;-)

                    Gruß;

                    1. Hab den Fehler gefunden !

                      Als ich den Text aus der 3. Spalte gelöscht habe
                      paßte auf einmal alles.

                      Es muß irgendwo in <p style="line-height:1.4em; font-size:1.2em;">
                      liegen.

                      Aber nun erweitere ich mein Wissen mit CSS und dann zurück ans
                      Zeichenbrett oder so ähnlich.

                      schönen Abend

                      Homerjay76

      2. Hallo!

        Das ist ja das seltsame, die Seiten sind valide.
        Als 4.01 ebenso wie unter 4.0.

        Bist du sicher dass du auch den Codeausschnitt durch den Validator geschickt hast, den du uns gezeigt hast?
        Ich bin mir nicht sicher, ob der Validator Fehler wie BORDER=0 ankreidet. Scheinbar nicht. Aber du mixt veraltete HTML-Tags mit CSS. Ändere das. Zudem müssen Werte immer in Anführungszichen eingeschlossen sein. Also müsste es z.B. border="0" heißen.
        Außerdem denke ich, genau wie Daniel, dass ein Beispiel hilfreich wäre.

        ciao, ww

        --
        Yet it seems that some have succeeded in finding a way which instead of leading you to a dead end offers you a way out - a way to freedom. Apparently, developing your physical abilities is like pressing harder against the wall of natural limits. And the harder you press the farther you are from true freedom which logically thinking is the direction opposite to the wall.
        1. Tach,

          Ich bin mir nicht sicher, ob der Validator Fehler wie BORDER=0 ankreidet. Scheinbar nicht.

          natürlich nicht, es ist in HTML ja nicht falsch sondern erlaubt.

          Zudem müssen Werte immer in Anführungszichen eingeschlossen sein. Also müsste es z.B. border="0" heißen.

          Sie sollten, nur in XHTML müssen sie.

          mfg
          Woodfighter

          1. Hallo!

            Ich bin mir nicht sicher, ob der Validator Fehler wie BORDER=0 ankreidet. Scheinbar nicht.

            natürlich nicht, es ist in HTML ja nicht falsch sondern erlaubt.

            Achso. Ok, Danke für die Berichtigung.

            ciao, ww

            --
            Yet it seems that some have succeeded in finding a way which instead of leading you to a dead end offers you a way out - a way to freedom. Apparently, developing your physical abilities is like pressing harder against the wall of natural limits. And the harder you press the farther you are from true freedom which logically thinking is the direction opposite to the wall.
        2. Hello out there!

          Ich bin mir nicht sicher, ob der Validator Fehler wie BORDER=0 ankreidet. Scheinbar nicht.

          Wenn’s denn ein Fehler wäre. Isses aber nicht.

          Zudem müssen Werte immer in Anführungszichen eingeschlossen sein. Also müsste es z.B. border="0" heißen.

          Nein, muss nicht. Sollte aber. [HTML401 §3.2.2]

          See ya up the road,
          Gunnar

          --
          „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
      3. Das ist ja das seltsame, die Seiten sind valide.
        Als 4.01 ebenso wie unter 4.0.

        ???

        Unter DTD Transitional 4.0/4.01 sieht die Tabelle in allen Browsern gleich aus.
        Logische Schlußfolgerung: Seiner Doctype-Angabe stimmt nicht.
        Gruß Wastl