David: XHTML-Dateien werden im IE falsch angezeigt

Liebe SelfForumbesucher!

Ich habe mir eine ganz normale XHTML-Seite mit CSS (http://muschiol.gmxhome.de/filestore/public/xhtml-frage1/index.xhtml) angefertigt. Leider wird von dieser sowohl im IE 6 als auch im NetS 7 auf meinem Webspace lediglich der Quelltext angezeigt, während auf meinem eigenem Apache die Datei im NetS 7 richtig und im IE 6 zumindest halbwegs richtig (dazu später) angezeigt wird. Könnte das vielleicht daran liegen, dass der GMXhome-Apache bei den MIMEs ".xhtml" nicht konfiguriert hätte?

Auf meinem Apache wird die Seite wie gesagt im NetS 7 ganz normal angezeigt, im IE 6 ist die Schrift jedoch viel zu groß und die Haupttabele wird linksbündig statt zentriert angezeigt. Wollt Ihr die Datei zum Testen auf Euren Server laden, könnt Ihr Euch die "index.xhtml" und die "styles.css" in der "http://muschiol.gmxhome.de/filestore/public/xhtml-frage1/everything.zip" runterladen.

Vielen Dank schon jetzt,

David

  1. Guude!

    Könnte das vielleicht daran liegen, dass der GMXhome-Apache bei den MIMEs ".xhtml" nicht konfiguriert hätte?

    Richtig, die Datei wird vom GMX-Server als "text/plain" ausgeliefert.

    LG ausm Hesseland
    Lemmy

    --
    Wer seiner Frau gegenüber stets beteuert, dass DAS tatsächlich 30cm sind, darf sich nicht wundern, wenn sie nicht richtig einparken kann...
    1. Könnte das vielleicht daran liegen, dass der GMXhome-Apache bei den MIMEs ".xhtml" nicht konfiguriert hätte?
      Richtig, die Datei wird vom GMX-Server als "text/plain" ausgeliefert.

      Danke!

      Werds GMX mitteilen. Hoffentlich weden sie das Problem beheben.

      David

  2. Hallo David,

    Ich habe mir eine ganz normale XHTML-Seite mit CSS (http://muschiol.gmxhome.de/filestore/public/xhtml-frage1/index.xhtml) angefertigt. Leider wird von dieser sowohl im IE 6 als auch im NetS 7 auf meinem Webspace lediglich der Quelltext angezeigt, während auf meinem eigenem Apache die Datei im NetS 7 richtig und im IE 6 zumindest halbwegs richtig (dazu später) angezeigt wird. Könnte das vielleicht daran liegen, dass der GMXhome-Apache bei den MIMEs ".xhtml" nicht konfiguriert hätte?

    Du kannst MSIE kein XHTML als application/xhtml+xml ausliefern, damit kann er nicht umgehen. Auch mit application/xml und text/xml wirst du nicht weit kommen, also nutze weiterhin text/html (Dateiendung .html) und berücksichtige die XHTML 1.0-Kompatibilitätsrichtlinien http://www.edition-w3c.de/TR/2002/REC-xhtml1-20020801/#_Toc6101548.

    Auf meinem Apache wird die Seite wie gesagt im NetS 7 ganz normal angezeigt, im IE 6 ist die Schrift jedoch viel zu groß

    Das liegt daran, dass MSIE (hier 6) offenbar dein font-size:10pt für body nicht in die Tabellenzellen weitervererbt, du müsstest es also für td wiederholt vergeben. Abgesehen davon könntest du den Quellcode um einiges vereinfachen:

    <td class="navigation">
         <div class="navigation">
          <a href="./" class="navigation"><span class="navigation">Home</span></a>
          <br />
          <a href="./hausaufgaben.php" class="navigation"><span class="navigation">Hausaufgaben</span></a>
          <br />
          <a href="./termine.php" class="navigation"><span class="navigation">Termine</span></a>
          <br />
          <a href="./dokumente.php" class="navigation"><span class="navigation">Dokumente</span></a>
          <br />
          <a href="./emailadressen.php" class="navigation"><span class="navigation">E-Mail-Adressen</span></a>
          <br />
          <a href="./gaestebuch.php" class="navigation"><span class="navigation">Gästebuch</span></a>
          <br />
          <a href="./disclaimer.php" class="navigation"><span class="navigation">Disclaimer</span></a>
          <br />
          <br />
          <a href="./osfw_muster-gymnasium-ms.php" class="navigation"><span class="navigation">Schulhomepage</span></a>
         </div>
        </td>

    Anstatt den dutzenden Klassen kannst du Nachkommensselektoren benutzen. Wozu die span-Elemente? Sie bräuchten keine Klasse, da sie über den Selektor »#navigation span« adressierbar wären, genauso »#navigation a:link«, »#navigation a:visited« usw.

    <td id="navigation">
     <ul>
     <li><a href="./">Home</a></li>
     <li><a href="./hausaufgaben.php">Hausaufgaben</a></li>
     <li><a href="./termine.php">Termine</a></li>
     <li><a href="./dokumente.php">Dokumente</a></li>
     <li><a href="./emailadressen.php">E-Mail-Adressen</a></li>
     <li><a href="./gaestebuch.php">Gästebuch</a></li>
     <li><a href="./disclaimer.php"Disclaimer</a></li>
     <li><a href="./osfw_muster-gymnasium-ms.php">Schulhomepage</a></li>
     </ul>
    </td>

    Alle Elemente unter #navigation sind im Stylesheet über Nachkommensselektoren erreichbar, nur der letzte Link bräuchte vielleicht eine id, um den Abstand zu realisieren.

    Überschriften könntest du als solche kennzeichnen, momentan bestehen alle Strukturen nur aus table/tr/td- und div-Elementen.

    und die Haupttabele wird linksbündig statt zentriert angezeigt.

    Die XML-Deklaration <?xml version="1.0" encoding="UTF-8"?> löst den Kompatibilitätsmodus im MSIE aus. Nur im standardkonformen Modus, also ohne die XML-Deklaration, setzt er margin-left:auto; margin-right:auto; als Zentrierung um. Für MSIE kleiner 6 müsstest du sowieso eine Lösung finden, siehe dazu http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/.

    Mathias

    1. Hallo [...]

      sagt diesmal wieder

      [...] David,

      Vielen Dank für die umfangreiche Lösung!

      Wozu die span-Elemente?

      Gut, dass Du mich daran (wenn auch nicht mit Absicht) erinnerst. Ich wusste früher noch nicht, dass man für Anker auch Klassen konfigurieren kann und da die Navigationselemente anders angezeigt werden sollen alls "herkömmliche" Links, habe ich die Navigationselemente mit "span" formatiert. Doch dann habe ich herausgefunden, das man eben auch für Anker Klassen konfigurieren kann un habe dies entsprechend getan. Dabei habe ich wohl leider vergessen, die "span"-Elemente zu löschen.

      Vielen Dank nochmals,

      David