XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Browserkompabilität selber checken und IEs Kompabilitätsmodus (http://xhtmlforum.de/showthread.php?t=65865)

japanworm 29.09.2011 13:50

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 :)

gato 29.09.2011 14:00

Zitat:

Zitat von japanworm (Beitrag 503213)
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?

Der Kompatibilitätsmodus ist dazu gedacht, Webseiten die für ältere IEs entworfen wurden (d.h. mit dessen ganzen Fehlern) in eben diesem fehlerhaften Modus darzustellen. Wenn du eine neue Webseite erstellst, verwendest du den Standardkonformen Modus des IE. Diesen nutzen dann auch automatisch alle deine Besucher.

Informiere dich über den Doctype-Switch, wenn du das noch nicht getan hast :)

japanworm 29.09.2011 14:36

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? :)

gato 29.09.2011 14:38

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).

japanworm 29.09.2011 14:55

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? :)

gato 29.09.2011 15:02

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.

Praktikant 29.09.2011 15:22

Zitat:

Zitat von japanworm (Beitrag 503221)
Wie kann ich das denn am besten angehen? :)

Do websites need to look exactly the same in every browser? ;)

japanworm 29.09.2011 15:48

Zitat:

Zitat von Praktikant (Beitrag 503225)

*lol* :D

Naja, es geht ja nicht darum, dass sie gleich aussehen sollen, sondern dass ich Fehler ausbügeln möchte ;)

take_a_7 29.09.2011 15:54

Moin,

Zitat:

Zitat von japanworm (Beitrag 503229)
Naja, es geht ja nicht darum, dass sie gleich aussehen sollen, sondern dass ich Fehler ausbügeln möchte ;)

Wenns nach dieser Webseite geht (und das tut es mMn.), dann ist eine 2px-Verschiebung kein Fehler.

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

japanworm 29.09.2011 16:03

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