arioch: Darstellungsfehler im IE

Seid gegrüsst!

Irgendwie habe ich es immer geschafft, dass unsere Homepage auf allen gängigen Browsern zugänglich ist.
Und, was natürlich noch wichtiger ist, dass sie auf allen Browsern gleich dargestellt wird.

Nun habe ich es aber endlich auch mal geschafft eine Seite zu bauen, die der IE (aktuellste Version) nicht mag.

Hier koennt ihr euch gerne mal die Seite ansehen.

Wie ihr sehen werdet, lässt der IE die komplette Navigation verschwinden und er baut die einzelnen Elemente untereinander auf, anstatt sie so anzuzeigen, wie es bspw. bei Firefox & Safari der Fall ist.

Hier gehts direkt zu der CSS-Datei

und hier zur *.js-Datei, die den Bildwechsel fuer die Navigation erstellt.

Allerdings habe ich die Seiten auch schon ohne CSS & JS Dateien im IE betrachtet, was auch keine Besserung ergab :(.

Hättet ihr vielleicht einen Tip für mich?

Herzlichen Dank im Voraus, für eure Bemühungen. :)

Tobias

Postskriptum:
Bitte nicht schlagen, die title, alt & Grössenangaben sind noch nicht gepflegt. ;)
Aschenbecher auf mein Haupt.

  1. Hi,

    Und, was natürlich noch wichtiger ist, dass sie auf allen Browsern gleich dargestellt wird.

    wieso sollte so etwas, dem Medium eklatant Widersprechendes, "natürlich" wichtiger sein als Zugänglichkeit der Informationen?

    Wie ihr sehen werdet, lässt der IE die komplette Navigation verschwinden

    Ich sehe, dass der IE eine ziemlich andere Darstellung hat als z.B. ein Mozilla, ja. Im Code sehe ich allerdings nichts, was einer Navigation ähnlich wäre. Da sind nur an der Stelle, die Du möglicherweise meinst, lauter Umbrüche und wild aneinander gereihte verlinkte Bilder mit irgend welchem JavaScript-Gedöns, mehr nicht.

    Allerdings habe ich die Seiten auch schon ohne CSS & JS Dateien im IE betrachtet, was auch keine Besserung ergab :(.

    Das sollte Dir den Hinweis geben, dass der HTML-Code fehlerhaft ist. Beispielsweise gehören dort keine <img>-Elemente hin, weil Du nicht den Inhalt(!) von Bildern vermitteln möchtest. Verzierungen sind Aufgabe von CSS.

    Bitte nicht schlagen, die title, alt & Grössenangaben sind noch nicht gepflegt. ;)
    Aschenbecher auf mein Haupt.

    Nimm diesen Aschenbecher, schlage ihn Dir auf den genannten Körperteil, und sorge a) für sinnvollen und b) für validen Code. Es könnte helfen.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Nimm diesen Aschenbecher, schlage ihn Dir auf den genannten Körperteil, und sorge a) für sinnvollen und b) für validen Code. Es könnte helfen.

      So, Platzwunde ist da...

      Der Code ist doch aber laut W3C valide?

      1. Hi,

        Nimm diesen Aschenbecher, schlage ihn Dir auf den genannten Körperteil, und sorge a) für sinnvollen und b) für validen Code. Es könnte helfen.
        Der Code ist doch aber laut W3C valide?

        aber noch nicht sinnvoll. Valide ist erst Punkt b).

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. »» aber noch nicht sinnvoll. Valide ist erst Punkt b).

          Servus Cheatah!

          Gut, nachdem die Kopfschmerzen abgeklungen sind und die Kopfwunde mit sechs Stichen genäht wurde, werde ich mir Gedanken über die Logik meines Codes machen ;).

          Aber, davon ab: Sieh Dir bitte mal  die Startseite an.

          Ich weiß, daß ausschließlich ein Bild nicht für eine Startseite geeignet ist. Das wird sich auch noch ändern, aber der IE zeigt hier noch nicht einmal das Bild an!

          Woran kann das liegen?

          Über einen Tip, wie mein Code sinnvoller wird, würde ich mich auch sehr freuen. :)

          Grüsse aus dem sonnigen Heppenheim,

          Tobias

          1. Hallo Tobias,

            Gut, nachdem die Kopfschmerzen abgeklungen sind und die Kopfwunde mit sechs Stichen genäht wurde, werde ich mir Gedanken über die Logik meines Codes machen ;).

            *g*

            Aber, davon ab: Sieh Dir bitte mal  die Startseite an.

            Ähm, echt jetzt? Neger im Tunnel? Schwarzer Rabe auf schwarzem Grund?
            Ich bin zunächst irritiert, weil mich beim Aufruf der angegebenen Seite nur ein schwarzes Browserfenster ohne jeglichen Inhalt anstarrt.

            Kleiner Tip: Du solltest die Größe des Bildes nicht mit height="" width="" auf Null bringen. Oder ... je nachdem, was auf dem Bild zu sehen wäre, vielleicht doch...? ;-)

            Ich weiß, daß ausschließlich ein Bild nicht für eine Startseite geeignet ist. Das wird sich auch noch ändern, aber der IE zeigt hier noch nicht einmal das Bild an!

            Das ist ja auch IMHO völlig korrekt. Der Firefox ist aber anscheinend so vernünftig, die sinnlosen Angaben wenigstens zu ignorieren.

            Über einen Tip, wie mein Code sinnvoller wird, würde ich mich auch sehr freuen. :)

            Ganz allgemein: Schau dir mal die Vielfalt der Elemente an, die HTML bietet. Da gibt es Überschriften in verschiedenen Abstufungen, Textabsätze, Listen, Bilder, Links, ...  Wähle für die Auszeichnung deiner Inhalte dann diejenigen Elemente aus, die seinem Inhalt und seiner Gliederung am besten entsprechen. Das ist in den seltensten Fällen eine Tabelle, und auch divs sollte man nur sehr sparsam einsetzen, wenn es keine andere sinnvolle Möglichkeit mehr gibt, andere Elemente zu gruppieren.

            Schönes Wochenende noch,
             Martin

            --
            "Life! Don't talk to me about life!"
              (Marvin, the paranoid android in Douglas Adams' "The Hitchhiker's Guide To The Galaxy"
            1. Hi, ich nochmal,

              Wähle für die Auszeichnung deiner Inhalte dann diejenigen Elemente aus, die seinem Inhalt und seiner Gliederung am besten entsprechen.

              der Satz war natürlich Quatsch. Ich meinte: Wähle für die Auszeichnung deines Dokuments dann diejenigen Elemente ...

              Wenn man schon die Vorschau verwendet, sollte man die Gelegenheit auch dazu nutzen, den Text nochmal zu lesen. *grml*

              Schönes Wochenende noch,

              dabei bleibe ich trotzdem,  :-)
               Martin

              --
              Es gibt Tage, da gelingt einem einfach alles.
              Aber das ist kein Grund zur Sorge; das geht vorbei.
              1. Hi, ich nochmal,

                Hallo Die Martingrid!

                der Satz war natürlich Quatsch. Ich meinte: Wähle für die Auszeichnung deines Dokuments dann diejenigen Elemente [aus, die seinem Inhalt und seiner Gliederung am besten entsprechen.]

                Der Satz ist immernoch Quatsch. Was haben HTML-Elemente mit dem Dokument_inhalt_ zu tun?

                See ya up the road,
                Gunnar

                --
                “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
            2. Servus Martin!

              Kleiner Tip: Du solltest die Größe des Bildes nicht mit height="" width="" auf Null
              bringen. Oder ... je nachdem, was auf dem Bild zu sehen wäre, vielleicht doch...? ;-)

              Oh verdammt...Mir steigt gerade eine gefährliche Menge an roten Farbstoffen in die entgleisten Gesichtszüge...

              Das war es?
              Ich dachte, dass eine leere 'width', etc. Angabe als leer interpretiert wird.

              Sobald ich wieder an meinem Arbeitsrechner sitze, werde ich das ausprobieren.

              Tausend Dank!

              Gruss,
              Tobias

              Schönes Wochenende noch,
              Martin

              Dir auch :)