Was ist Ihr bestes Tool oder Ihre beste Technik, um in IE6/7 und Firefox die gleiche Anzeige zu erhalten?[geschlossen]

StackOverflow https://stackoverflow.com/questions/26113

Frage

Ich spreche nicht von Tools, die es einem ermöglichen, eine Seite in Kombinationen von Betriebssystemen und Browsern wie crossbrowsertesting.com anzuzeigen, sondern davon, das eigentliche CSS zu erstellen oder herauszufinden.

War es hilfreich?

Lösung

Wenn Sie immer noch für IE6 programmieren, machen Sie einen Fehler.

ich benutze IE7.js um IE6 dazu zu bringen, Seiten wie IE7 zu rendern.IE7 ist nicht perfekt, hat aber zumindest den Anschein von Standards.Da ich nur für IE7 und FF programmieren muss, bin ich beim Testen mit Browsern um 33 % effizienter, was meiner Meinung nach geschäftlich sinnvoll ist.

Verknüpfung: IE7.js

Andere Tipps

Verwenden Sie einen CSS-Reset, um das Feld browserübergreifend auszugleichen.YUI und Eric Meyer haben gute.

Ich schreibe nach den Standards und sowohl Firefox als auch IE7 haben ziemlich gute Gemeinsamkeiten.

IE6 ist für mich tot, aber wenn ich wieder in die professionelle Webentwicklung einsteige, muss ich das wahrscheinlich überarbeiten ;)

Ich versuche, eine standardkonforme Seite zu erstellen und alle meine Tests in Firefox durchzuführen (da es einige hervorragende Entwicklungserweiterungen wie Web Developer und Firebug gibt).Wenn ich fertig bin, teste ich die Site im IE und nehme dann alle notwendigen kleinen Änderungen vor.Ich finde, dass ich nur sehr wenige Änderungen vornehmen muss, da ich mit CSS nichts außerordentlich Komplexes mache.

Früher hatte ich mehr Probleme mit Javascript-Unterschieden, aber nachdem ich angefangen habe, Javascript-Bibliotheken (wie jQuery) zu verwenden, hatte ich damit keine ernsthaften Probleme mehr.

Polsterung.

IE6 kann etwas umständlich werden, wenn der Rand zum horizontalen Platzieren von Elementen auf einer Seite verwendet wird.Wenn Sie die Größe Ihrer Elemente anpassen und den Inhalt mithilfe der Auffüllung anordnen, können Sie dafür sorgen, dass viele Layouts in IE6/7, FF, Safari und Opera ohne Hacks großartig funktionieren.IE5.5 macht die Sache aufgrund des kaputten Box-Modells etwas schwieriger, aber ich denke, wir können es jetzt in den meisten Fällen so gut wie ausschließen.

Ich versuche, eine standardkonforme Seite zu erstellen und alle meine Tests in Firefox durchzuführen (da es einige hervorragende Entwicklungserweiterungen wie Web Developer und Firebug gibt).Wenn ich fertig bin, teste ich die Site im IE und nehme dann alle notwendigen kleinen Änderungen vor.Ich finde, dass ich nur sehr wenige Änderungen vornehmen muss, da ich mit CSS nichts außerordentlich Komplexes mache.

Das Gleiche gilt hier, außer dass ich Firebug und dergleichen normalerweise nicht verwenden muss.Allerdings hatte ich erst seit kurzem Probleme mit IE6 – die durch einfache CSS-Umgehungen gelöst werden:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Ich bin bei Eli.Wenn Sie gegen Firefox schreiben (mit installiertem Firebug), müssen Sie zunächst „kompatibleren“ Code schreiben, und später ist es weniger schwierig, ihn mit dem IE kompatibel zu machen.

Nutzen Sie die Seite QuirksMode um Ihnen bei der Suche nach Antworten auf Kompatibilitätsinformationen zu helfen

Wenn es sich um ein brandneues Projekt handelt, lege ich Wert darauf, alle HTML- und CSS-Änderungen in allen Zielbrowsern zu testen, während ich die Änderungen vornehme.In der Vergangenheit habe ich mich eher auf meinen Lieblingsbrowser konzentriert und ihn dann mit den anderen getestet, nachdem ich fertig war. Dabei stellte ich fest, dass eine oder mehrere kleine Macken vorhanden waren und es sehr mühsam war, die eigentliche Ursache zu ermitteln.Jetzt habe ich alle Browser geöffnet und aktualisiere jeden nach jeder HTML-/CSS-Änderung, um sicherzustellen, dass die Anzeige meinen Erwartungen entspricht.Wenn etwas schief geht, weiß ich genau, was die Ursache dafür ist.

Es mag zeitaufwändig erscheinen, alle Browser gleichzeitig zu testen, aber auf lange Sicht spart es tatsächlich Zeit, da Sie die Probleme sofort erkennen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top