Alberne und frustrierende browserübergreifende UI-Probleme

Question

Hat jemand mehrere Stunden damit verbracht, die Benutzeroberfläche seiner Anwendung in allen Browsern korrekt darzustellen?

Wie geht man mit der Frustration um, wenn einfache Stile in einem Browser funktionieren, in anderen aber nicht? Und am Ende des Tages erfindet man einen Hack, um damit umzugehen (in manchen Fällen klappt auch das nicht), nachdem man seine Zeit verschwendet hat?

Ich werde auf den Tag warten, an dem alle Browser den gleichen Standard haben, bis dahin kann ich (und andere) von einigen Vorschlägen von Leuten lernen, die dies häufig tun.

Answer 1

Ich beginne mit Yahoos zurücksetzen / Basis CSS-Dateien (sie sind winzig). Sie sorgen dafür, dass die Stile zwischen den Browsern vom ersten Tag an konsistent sind. Wenn ich dann benutzerdefinierte Stile hinzufüge, werden sie in der Regel gut angenommen und sind in allen Browsern konsistent.

Natürlich brauchen Sie noch den einen oder anderen Hack für dieses und jenes.

Answer 2

Man akzeptiert es, lernt daraus und weiß mit ein paar Jahren Übung, was man wann tun muss.

Alle modernen Browser außer dem IE sind für alle außer den exotischsten so gut wie nahtlos. Halten Sie die Dinge daher einfach. Entwickeln Sie iterativ gegen Firefox mit Firebug. Entwerfen Sie die Objekte gut, halten Sie sich an Standards. Wenn Sie fertig sind, nehmen Sie die erforderlichen Hacks vor, um den IE zu reparieren. Gehen Sie niemals vom IE zurück.

In 99 % der Fälle sollten Sie in der Lage sein, den IE zu reparieren, wenn Sie nur Box-Modelle und Float-Probleme berücksichtigen. Machen Sie nicht den Fehler, auf Tabellen zurückzugreifen.

CSS ist wirklich Zen.

Answer 3

Besuchen Sie www.quirksmode.org immer hilfreich für mich.