Unterschied bei Strict und Transitional

  • Hallo,

    ich habe das Theme für das Blog auf Wilde Jungs » Die Wilden Jungs | die Zukunft unseres Landes… mit dem Doctype

    Code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

    geschrieben und es hat im IE wie im FF problemlos ausgesehen.
    Nun habe ich den Doctype aber auf Strict geändert, um zu gucken ob das Script da auch valide ist. Es ist laut [Valid] Markup Validation of http://www.wilde-jungs.net/wj/ - W3C Markup Validator
    zwar valide, wenn man es aber aufruft sieht man in der Navigation einen Fehler (zumindest im Firefox, im IE siehts normal aus). Und zwar wird unter jedem Menüpunkt ein Leerraum angezeigt obwohl direkt darunter das nächste Element folgen sollte.

    Ich würde gern versuchen, dass die Seite uach im Strict-Doctype richtig angezeigt wird.

    Was muss ich dazu machen? Wo ist da der Unterschied zwischen Transitional und Strict? Welche Attribute werden weggelassen?

    Wäre echt super wenn ihr mir da helfen könntet!

    MfG,
    -Flori-

    Einmal editiert, zuletzt von Olaf (15. Februar 2008 um 00:35)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • ich sehe im IE 7 wie in jedem anderen Browser auch diesen Leeraum, der sich nicht aus der Veränderung des doc type ergibt, sondern aus der Tatsache, dass der Hover Effekt Platz braucht .


    diese Veränderung ist keine die den Doc Type an sich betrifft, sonder das css und das html und dies ist zwar technisch richtig, aber eben doch nicht ganz richtig ;)

    schwer zu erklären...
    klar kann man jede style Angabe direkt in das html schreiben, aber geschickter ist es dies auszulagern,

    lg

  • Hi,

    hast du jetzt placebo-effect.de oder wilde-jungs.net/wj angeguckt?

    Weil ich habe den Thread eben ändern müssen. Das Problem hatte ich bei placebo-effect.de habe es aber über einen Umweg lösen können...

    Wird placebo-effect.de jetzt immernoch falsch angezeigt (Cache leeren?)
    Weil bei mir gehts jetzt überall und sollte auch überall gehen...

    Das Problem ist jetzt bei Wilde Jungs » Die Wilden Jungs

    Da wird im Firefox die Navi immernoch verkehrt angezeigt. Und dort nutze ich doch nichtmal nen hover...

    -Flori-

  • das einzige was ich merke ist, dass er IE diese Grafik
    http://www.wilde-jungs.net/wj/wp-content/…mg_navi_btm.jpg

    nicht korrekt anzeigt ..alle anderen schon, kann ja sein, dass du nicht magst, dass die soviel sichtbar ist, aber sie ist da und bekommt ihren Platz

  • komisch... bei mir wird die im IE nämlich grad richtig angezeigt.... hier mal zwei Screenshots:

    Firefox:
    [Blockierte Grafik: http://img12.myimg.de/ffview001e2.jpg]

    Internet Explorer:
    [Blockierte Grafik: http://img12.myimg.de/ieviewa18fd.jpg]


    Es soll im FF so aussehen wie im IE. Das ganze ist nur seit der Änderung zum Strict-Doctype. Wenn ich es auf transitional stelle wirds bei beiden gut angezeigt.
    Nur ich frag mich halt welches Attribut oder so von Strict nicht mehr akzeptiert wird weshalb das jetzt nichtmehr richtig angezeigt wird...

    -Flori-

  • So einen Teil des Problems habe ich lösen können.
    Habe in der Klasse für die <h3> in der Navi (das sind die hellen Buttons vom Menü) einfach die direkte Höhe der Buttons eingetragen und außerdem nochmal alle Margins und Paddings ausgeschaltet...

    Nur mit den ausgefahrenen Menüs klappt das noch nciht ganz. Also diese Schatten unter den hellen Buttons zB...

    hat einer da ne Idee?

    -Flori-

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!