愚蠢和令人沮喪的跨瀏覽器UI問題

Question

有沒有人花了幾個小時讓他們的應用程序的UI在所有瀏覽器中正確渲染？

當簡單樣式傾向於在一個瀏覽器中工作，而不是其他人時，你如何解決挫折感？並且在你發明黑客來處理它的一天結束時（在某些情況下，這種情況也不會發生），只有在浪費之後你的時間？

我會等待所有瀏覽器都遵循相同標準的那一天，直到那時我（和其他人）才能從經常這樣做的人那裏得到一些建議。

Answer 1

我推薦在瓷器上放置物品（不要太貴），並將其存放在工作站可以接近的地方。

Answer 2

我在Firefox中設計，然後在IE中測試，而不是其他方式。 FireFox更嚴格，如果它在那裏工作，它更有可能在IE中工作。節省一點點的沮喪...

Answer 3

你接受它，從中學習，並用幾年的時間練習知道該怎麼做。

除IE以外，每個現代瀏覽器都很不尋常，但最具異國情調。因此保持簡單。用firebug反覆構建firefox。對物體進行概念化，堅持標準。當你準備好讓所需的黑客修復IE。永遠不會從IE退步。

99％的時間你應該能夠修復IE只佔框模型和浮動問題。不要犯回落到桌子上的錯誤。

CSS真的是禪宗。

Answer 4

不要強調，這是沒用的，我想我們沒有人會看到所有瀏覽器遵循相同的標準。

我對此有何生存？

我在Linux中使用Firefox進行開發。我已經安裝了WebDev插件（https://addons.mozilla.org/es-ES/firefox/addon/60）以簡化CSS設計。

當我的web應用程序即將完成時，我在IE6和IE7（在Linux中使用wine）中嘗試它。然後，我爲它們中的每一個都創建了一個新的樣式表，使用IE-conditional-comments（http://www.quirksmode.org/css/condcom.html）加載它，並開始逐個進行更改，直到兩個瀏覽器中的設計均可用。

對於其他瀏覽器（Opera，Safari，Galeon ...），FF下的設計可以正常工作。

最後，我有三個CSS：一個用於IE6，一個用於IE7，另一個用於其他瀏覽器（原始，有效且正確的）。

我認爲這是比你的正確的CSS書面方式數十名黑客對未來的更好的方法，更靈活（IE8 ...）

Answer 5

今天，你可以在標準模式代碼只有真正擔心與IE5相比，IE6的弱點很少。當然，如果IE7是基準線，我們都會很開心，但與昨天的創作相比很容易。沒有更多的模型黑客，一個...

豪華。在我的一天，我們不得不起牀在-30px的邊緣，乾淨t'<層與s我們裸文本編輯器，每天花20小時服務器日誌嗅探IE3，然後當我們回到我們的盒子 - 我說'盒子'，它更像是一個<表格>嵌套在三個以內<表> s - 我們Netscape 4會通過崩潰將我們的頁面殺死，並將我們發送給腳本int'coal scuttle。

你試着告訴今天的網頁設計師......他們不會相信你。

Answer 6

前往參觀www.quirksmode.org，總是對我有幫助。

Answer 7

我總是使用Safari和Firefox進行開發，偶爾使用Opera，如果感覺像是改變了。但我總是 - 總是！檢查對IE的每一個變化。他們三人 - IE6,7和8.我用這個IETester。

立即捕捉那些令人討厭的bug會讓你的生活變得更好，而不僅僅是當你完成你的工作時第一次打開IE。然後幾乎不可能回溯並找出究竟哪裏出了問題。

我使用條件註釋爲每個IE提供單獨的CSS（有時是javascript）。是的，也是IE8。它還不是那裏。順便說一下，不要盲目地期望Opera能夠工作，即使它在Firefox/WebKit中很好。

因此，永遠不要在IE中設計。 Firefox的get Firebug。這是有史以來爲網絡開發人員提供的最佳插件。

Answer 8

我從雅虎的reset/base CSS文件開始（它們很小）。從第1天起，它們使瀏覽器的樣式保持一致。然後，當我添加自定義樣式時，它們通常在所有瀏覽器中都很受歡迎並且一致。

當然，你仍然需要偶爾爲這個和那個破解。