Rossi: Wundersames problem mit Dokumenttyp-Angabe

Hi!

Ich habe eine unsichtbare 2-spaltige Tabelle, um ein Formular auszugeben. In der ersten Spalte stehen untereinander die Bezeichnungen für die Eingabefelder, die sich jeweils daneben in der rechten Spalte befinden.

Sowohl die input-Felder, als auch die Bezeichnungen sind mit einer ausgelagerten css-Datei Klassen-formatiert.

Wenn ich KEINE Dokumenttyp-Angabe mache, dann siehst das Ergebnis genau so aus, wie ich möchte. Links sieht man lauter gleich breite divs, in denen die Bezeichnung steht.

Wenn ich jetzt den Code nicht verändere und an den Seitenanfang ein

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

stelle, sind links plötzlich alle divs nur mehr genau so breit wie das jeweilige Wort. Die input-Felder auf der rechten Seite bleiben zwar gleich breit, sind aber um eine Spur höher.

Woran bitte liegt das?

Grüße

Rossi

  1. Moin!

    [1] Validiere Dein Dokument!
    [2] Validiere Dein CSS!
    [3] Du sollst bei Darstellungsproblemen den Browser und möglichst eine URL angeben.

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
  2. Hallo,

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

    hast du mal:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    oder:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
               "http://www.w3.org/TR/html4/strict.dtd">
    zum Vergleich ausprobiert?

    Welche Browser?

    Und vielleicht hilft dir die Abfrage des Rendermodus:
    <body onload="alert(document.compatMode)">

    Grüsse

    Cyx23

    1. Hi Cyx!!!

      hast du mal:
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

      zum Vergleich ausprobiert?

      Komisch. Wenn ich die URL weglasse, klappts. Aber woran liegt das?

      Welche Browser?

      IE 6

      Rossi

      1. Hallo Rossi,

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

        zum Vergleich ausprobiert?

        Komisch. Wenn ich die URL weglasse, klappts. Aber woran liegt das?

        der IE 6 schaltet einmal in "BackCompat", im anderen Fall in "CSS1Compat" (deswegen das gepostete Script zur Kontrolle).

        Also unterschiedlicher Rendermodus durch Änderungen am Doctype, ist eigentlich hinlänglich bekannt, aber m.E. sind in einigen bekannten Quellen die Zusammenhänge hier beim IE nicht vollständig dargestellt.

        Grüsse

        Cyx23