Ich habe wirklich Probleme mit einer Seite, die in Firefox und Chrome großartig aussieht, aber im IE absolut beschissen wirkt.
Offensichtlich übersehe ich etwas, aber ich bin nicht sehr vertraut mit den Kompatibilitätsproblemen zwischen Browsern, wenn es um CSS geht. Kann mir jemand einen Tipp geben?
die indexseite sieht gut aus! was mich wirklich verwirrt...
Vielen Dank im Voraus
Sie haben Recht! Es war der Doctype!!! Ich werde Ihre Antwort überprüfen (aber ich muss noch 10 Minuten warten!
Firefox und Chrome zeigen die Seiten immer gemäß der Spezifikation an. Nur IE hat einen speziellen Modus, der es Ihnen erlaubt, alle Fehler, die in IE6 waren, wieder zu aktivieren :S
Zunächst einmal ist dies ein fehlerhaftes HTML <head> <body> </head> <body> machen es <html> <head> <scripts .../></head> <body> </body></html> . Dadurch wird Ihre zweite Seite wie die erste aussehen.
Ich habe eine XHTML DTD hinzugefügt, um die mittige Ausrichtung zu korrigieren <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> . Dadurch wird Ihre erste Seite auch mehr wie Chrome und Firefox aussehen.
Schließlich verwenden Sie HTML5-Tags <header> y <nav> . HTML5 ist nicht vollständig in IE unterstützt, Firefox Chrome unterstützt es teilweise. Ich würde eher skeptisch sein, sie jetzt zu verwenden oder zumindest in allen Browsern zu testen. Obwohl ich sehe, dass Sie ein js für die Simulation von HTML5 im IE hinzugefügt haben. Setzen Sie dieses js vor body. Aber es ist interessant, wie es HTML5 simuliert :).
Verwenden Sie einen CSS-Reset? Dies ist der CSS-Reset, den ich verwende: http://meyerweb.com/eric/tools/css/reset/ aber es gibt auch andere Varianten, die nützlich sind.
Behebt die meisten Browser-Inkompatibilitätsprobleme ;)
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
