Markus: IE 6 stellt alles anders dar

Hey,

ich bin gerade an meiner neuen Seite dran.
Ich hab mir vorgenommen mich an den W3C HTML 4.01 Transitional zu halten und habs bisher auch problemlos geschafft.

Firefox, Opera und IE 7 zeigen http://www.emarkus.de/test.php richtig an.

Nun musste ich gerade von Jemand hören bzw. sehen, wie es im IE 6 aussieht:
http://upload.emarkus.de/files/emarkus.gif

Ich hab gedacht ich bekomm die Krise... da hält man sich an die Standards und der IE machts falsch. Ich weiß, beim IE ists genau andersrum, aber warum machts dann der IE7 richtig und der 6er komplett falsch. Der Footer ist irgendwo oben und die "Unterstreichungen" von den Überschriften sind falsch...

Wär echt nett wenn von euch jemand wüsste was ich umschreiben muss damit es auch der Sch*** richtig darstellt.

Guten Rutsch,
Grüße Markus

  1. habe d'ehre Markus

    Wär echt nett wenn von euch jemand wüsste was ich umschreiben muss damit es auch der Sch*** richtig darstellt.

    Ohne zu wissen, was Du fabriziert hast ein sinnloses Unterfangen.

    man liest sich
    Wilhelm

    1. habe d'ehre Wilhelm

      Ohne zu wissen, was Du fabriziert hast ein sinnloses Unterfangen.

      im text gerade test.php gefunden. Evtl. doch schon zu spaet. :-)

      man liest sich
      Wilhelm

      1. im text gerade test.php gefunden. Evtl. doch schon zu spaet. :-)

        Gut, immerhin :-)

        Ich hab mal mit den Doctypen rumprobiert, aber keine der hier aufgeführten Varianten sorgt dafür, dass der IE6 es richtig darstellt. http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch

        Wenn sich keine Lösung findet, was ich anders schreiben könnte, muss ich wohl den IE6 abfangen und zum Wechseln auffordern, ich hab keine Lust das ganze Design nochmal umzuschreiben, nur damit der das richtig darstellt.

        Grüße Markus

        1. Hallo,

          Wenn sich keine Lösung findet, was ich anders schreiben könnte, muss ich wohl den IE6 abfangen und zum Wechseln auffordern,

          <!--[if lte IE 6]>
          <meta http-equiv="refresh" content="0; URL=http://www.getfirefox.de/">
          <![endif]-->

          ;-)

          oder mit beliebigem Text um einem Link.

          ich hab keine Lust das ganze Design nochmal umzuschreiben, nur damit der das richtig darstellt.

          Kann ich gut verstehen.

          Zur absoluten Positionierung im IE6, könntest du dir evtl. nochmal folgendes durchlesen: http://de.selfhtml.org/css/layouts/fixbereiche.htm#fixiert_ie

          Ich aber IMHO auch nicht ganz unproblematisch.

          mfg. Daniel

  2. habe d'ehre Markus

    Ich hab gedacht ich bekomm die Krise... da hält man sich an die Standards und der IE machts falsch. Ich weiß, beim IE ists genau andersrum, aber warum machts dann der IE7 richtig und der 6er komplett falsch. Der Footer ist irgendwo oben und die "Unterstreichungen" von den Überschriften sind falsch...

    Der IE6 kennt kein "position:fixed", was aber nun keine brandaktuelle Neuigkeit ist.

    Hierin liegt alles Uebel.

    man liest sich
    Wilhelm

    1. Der IE6 kennt kein "position:fixed", was aber nun keine brandaktuelle Neuigkeit ist.

      Hm okay, was kann ich dann als Alternative nehmen?
      wie bekomm ich den Footer an den unteren Bildschirmrand, wenn nicht mit fixed?
      --- Ok ich google selber später mal danach :-)

      Und die dicken und falschen Unterstreichungen, die auch nicht nach links gerückt sind, haben kein position:fixed

  3. Hi,

    Nun musste ich gerade von Jemand hören bzw. sehen, wie es im IE 6 aussieht:
    http://upload.emarkus.de/files/emarkus.gif

    Statische Cross-Browser-Teste kannst Du übrigens auch selber z.B. auf http://browsershots.org durchführen (lassen).

    Der Footer ist irgendwo oben

    Das position:fixed-Problem der IEs<7 wurde schon genannt. Du könntest versuchen, den Footer im HTML dahin zu setzen, wo er hin gehört, nämlich unter das Inhalts-div. Dann mit position:absolute arbeiten und entsprechend ausrichten. Ein vollwertiger Ersatz für fixed ist das aber nicht.

    und die "Unterstreichungen" von den Überschriften sind falsch...

    hier sollte ein overflow:hidden für die "underline"-Klassen ausreichen. Der IE betrachtet die Größenangaben als Mindestgrößen und das Hintergrundbild als Inhalt, dehnt also das <div> soweit aus, daß das Hintergrundbild vollständig angezeigt wird.

    Shepard

    1. hier sollte ein overflow:hidden für die "underline"-Klassen ausreichen.

      Hoppala!
      overflow:hidden ist richtig und hilft, aber meine Erklärung des Bugs war eher Blödsinn.

      Shepard

    2. Das position:fixed-Problem der IEs<7 wurde schon genannt. Du könntest versuchen, den Footer im HTML dahin zu setzen, wo er hin gehört, nämlich unter das Inhalts-div. Dann mit position:absolute arbeiten und entsprechend ausrichten. Ein vollwertiger Ersatz für fixed ist das aber nicht.

      Also das Problem werd ich wohl mit einem der Tricks umgehen müssen, aber ich werds hinbekommen.

      und die "Unterstreichungen" von den Überschriften sind falsch...
      hier sollte ein overflow:hidden für die "underline"-Klassen ausreichen. Der IE betrachtet die Größenangaben als Mindestgrößen und das Hintergrundbild als Inhalt, dehnt also das <div> soweit aus, daß das Hintergrundbild vollständig angezeigt wird.

      Das overflow:hidden hat geholfen, dass die Höhe stimmt, danke.
      Allerdings muss jetzt noch schauen, dass die Links am Menü anliegen.
      Kann es sein dass der IE<7 negative Angaben in margin und padding nicht versteht?

      Danke für eure Hilfe!

      1. Hallo,

        Kann es sein dass der IE<7 negative Angaben in margin und padding nicht versteht?

        Darf padding eigentlich negativ werden? Hm.
        Bei negativen Margins kann es sein, dass du als "Hack" ein harmloses position:relative; hinzufügen musst, um IE-Typische Fehler zu beheben.

        Gruß;

        1. Darf padding eigentlich negativ werden? Hm.
          Bei negativen Margins kann es sein, dass du als "Hack" ein harmloses position:relative; hinzufügen musst, um IE-Typische Fehler zu beheben.

          Jo, es hat nun geklappt und sowie CSS als auch HTML sind HTML 4.01 Valid.

          Ich hab nun das Layout doch umgebaut und benutze Tabellen, wobei die ganze Seite gescrollt wird.

          Danke nochmals für eure Hilfe

        2. Hallo Daniel,

          Darf padding eigentlich negativ werden? Hm.

          Nö, darf es nicht! Siehe z.B. CSS2-Spezifikationen (gilt auch für CSS1 bis 3):

          "Unlike margin properties, values for padding values cannot be negative."

          Shepard