Nach Doctype verschiebungen - Hilfe

  • Hallo, ich habe meine Seite mit

    http://validator.w3.org/ gecheckt, da kam heraus "This document was successfully checked as HTML 4.01 Transitional!"

    Wenn ich nun

    Zitat

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

    in mein Index packe, verschieben sich dort die Listenpunkte <li> ein stück nach Links und somit aus einer Tabelle raus.

    Was kann ich da machen, danke.

  • Das kann man pauschal so nicht beantworten.
    Hattest du deine Seite bereits mit diesem Doctype gecodet oder nicht?
    Hast du sie am IE entwickelt?
    Falls kein Doctype oder ohne Angabe der DTD-URL stellt der IE das CSS-Boxmodell falsch dar.
    Somit solltest du dann mit dem genannten Doctype die Abstände korrigieren.

    Du kannst es auch mit

    Code
    ul, li {margin: 0;}

    versuchen.

    Hilfreich wäre ein Link zur Seite.

  • Ich muss wohl dazu sagen, das ich erst die Seite erstellt habe und am Schluss einfach den Doctype reinschreiben wollte. Ich bin mir also auch nicht 100% was und wo ich falsch oder nicht entsprechend gecodet habe. Ebenfalls hab ich kein Plan ob ich nun irgendwo etwas gecodet habe, was nur dem IE entspricht oder umgekehrt. Vermutlich hab ich eh veraltete oder schlechte eigenschaften genommen. Hab es jetzt mal mit IE geöffnet (Sonst Firefox) und es ist nicht außerhalb des Rahmens, es entstehen zwar im IE andere Formiertungsprobleme aber die sind nicht ganz so gravirend.

    Weil eben leider auch ein Kriterium der zu erstellenden Seite war, es ausschließlich mit HTML zu coden. Also auch kein css.

    ich poste einfach mal die entsprechenden Bereiche, auch wenn ich vermute das ich wieder die Antwort zu hören kriege "mach alles nochmal" :)

    Und erwähne nochmal das leider alles mit HTML gewehrleistet werden muss.

  • Du verwendest teilweise stricten Code mit einem Trans-Doctype. Aber das ist nicht das Hauptpropblem.

    Offensichtlich sind geöffnete Elemenete (z.B. <td>) nicht bzw. nicht an der richtigen Stelle geschlossen.
    Solche Dinge sind auch gefährlich;

    Code
    <td width="50%"><img src="kroete.gif" width="890" height="200" border="1" alt="ACHTUNG HYPNOSE" />


    Die Zelle ist 50% breit, also eine relative Breite je nach Viewport. Das Bild hat dagegen eine fixe Breite von 890px. Da passt es nicht zwangsläufig in die Zelle, wodurch es zu Verschiebungen kommen kann.

    Dann verwendest du li's, die nur innerhalb bestimmter Elemente vorkommen dürfen: http://de.selfhtml.org/html/referenz/elemente.htm#li

    So leid es mir tut:
    Die Tabelle ist für dein Layout nicht erforderlich und sorgt nur für unnötige Verwirrung.
    Beschäftige dich mit HTML in Verbindung mit CSS und setze die Seite nochmal neu auf.
    Vielleicht ist dir meine Signatur dabei nützlich.