Browserkompabilität selber checken und IEs Kompabilitätsmodus
Hallo.
Ich bin demnächst (nach vielen Monaten) wohl endlich mit dem Erstellen meines Seitenlayouts fertig und möchte nun browserübergreifend checken, ob auch in anderen Browsern alles so aussieht wie es soll. Selbst habe ich nur den IE8 und Firefox installiert. Via Google habe ich bereits ein paar kostenlose Dienste gefunden, die anscheinend virtuell andere Browser imitieren und so könnte ich wohl mein Layout dort überprüfen ohne andere Browser tatsächlich installieren zu müssen. Bin mir da aber nicht sicher inwieweit man diesen Anbietern trauen kann, daher wollte ich mich an euch wenden und fragen, ob ihr in dieser Hinsicht irgendwelche Empfehlungen habt. Des Weiteren verstehe ich den Kompabilitätsmodus des IE nicht so ganz. Er soll ja helfen, wenn der IE8 Layouts chaotisch darstellt, diese so darzustellen wie sie in älteren IE Versionen dargestellt würden und dadurch Layoutfehler evtl. beseitigen. Verstehe ich das richtig? Wann auch immer ich diesen Modus benutze ist mein Laoyut im IE auf einmal sehr chaotisch. Heißt das nun auch, dass mein Layout genau so chaotisch in älteren IE-Versionen dargestellt wird? Würde mich über Tipps freuen, damit ich diesen letzten Check und entsprechende Anpassungen auch noch durchführen kann. Vielen Dank im Voraus :) |
Zitat:
Informiere dich über den Doctype-Switch, wenn du das noch nicht getan hast :) |
Hallo! :)
Das werde ich, vielen Dank für deine Antwort. Wenn man denn dann kleinere Fehlerchen entdeckt (habe jetzt auf einem älteren Laptop: Opera, Chrome und Safari installiert), kann man diese Positionionierungsfehler dann mit einfachen CSS-Hacks beheben? :) |
Chrome und Safari sind in den meisten Fällen identisch, da sie auf der selben Engine basieren.
Je nach Fehler kannst du Hacks verwenden, sofern es für die Browser so einen gibt, oder du schreibst dein CSS so um, dass es in allen Browsern gleich aussieht (was je nach Fehler schwierig oder einfach sein kann). |
Im Opera habe ich z.B. entdeckt, dass die Breadcrumbs und die Suchleiste in der Headerleiste um ca. 2px zu weit nach oben verschoben sind.
Bei fast allen Browsern außer IE und Firefox war die Tabnavigation auf meiner Hauptseite zu breit. Und im Safari hab ich gesehen, dass ein animiertes .gif mit schwarzem Hintergrund aufblinkt, obwohl es transparent sein sollte (das ist aber nicht so schlimm, das .gif ist nur ein Placeholder). Es sind also wirklich nur minimale Positionierungsprobleme soweit ich das momentan übersehen kann. Wie kann ich das denn am besten angehen? :) |
HTML und CSS soweit minimieren, dass du die Ursache genau herausfinden kannst und dann entsprechend darauf reagieren.
Entwicklerwerkzeuge wie sie in jedem Browser verfügbar sind helfen dabei. |
Zitat:
|
Zitat:
Naja, es geht ja nicht darum, dass sie gleich aussehen sollen, sondern dass ich Fehler ausbügeln möchte ;) |
Moin,
Zitat:
Zur eigentlichen Frage: Ich würde eine Seite im aktuellen Fx und in Fx 3.6 testen. Dann im aktuellen Chrome, im aktuellen Opera und in IE runter bis Version 7. Das geht alles in einer Windows-Installation (IE 9 hat die Engine von IE7 & 8 an Bord, das ist dann der "Kompatibilitätsmodus" und die anderen lassen sich ja wie vernünftige Programme einfach installieren.) gruß, take |
Also den alten Firefox habe ich auf meinem alten Laptop und eine kleine "Verschiebung" bei einem einzigen Element feststellen können.
Ansonsten habe ich auf meinem alten Laptop die neueste Version der genannten Browser heruntergeladen. Leider habe ich auf meinen beiden Laptops jeweils nur den IE8 und im Kompabilitätsmodus ist mein Layout eine einzige Katastrophe. Werde mal den IE9 herunterladen. Danke für die Tipps! :) |
Alle Zeitangaben in WEZ +2. Es ist jetzt 10:48 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023