什麼是創建跨瀏覽器兼容的weblayout的最佳方式？

Question

設計是一個網站的一個非常重要的部分。但是，跨瀏覽器兼容的佈局是非常艱鉅的任務。

這是最簡單的方法是什麼？

Answer 1

如果您有理由擔心，可能需要閱讀有關瀏覽器不一致的內容。除此之外，我不認爲你有問題，除非你觀察你的網頁在不同的瀏覽器上呈現不同的效果。您應該在IE瀏覽器以外的瀏覽器中遵循ANeves的建議和設計，然後在開發時測試您的頁面。

您可以在名爲"Cross-Browser Testing: A Detailed Review Of Tools And Services"的文章中使用位於here的工具來測試您的網頁實際上是否在不同的瀏覽器中正常運行。

Answer 2

我這樣做的方式是通過在Firefox中編寫它並進行測試，並且每次更改我都會在IE中運行它。很多時候它會有所不同，但如果你保持較小的變化並隔離它們，那麼每一個都應該是可行的。

完成後，我在Safari和Chrome中檢查它，99％的時間沒問題。

如果可以的話，也儘量避免使用表格，學會正確使用CSS，這將爲您節省大量時間。

Answer 3

我其實覺得這不是什麼大問題。一個非常好的起點：CSS Mastery

Answer 4

不要重新記錄輪子。嘗試找到適用於所有瀏覽器的網站示例，並查看它的代碼。它可能會幫助你很多。例如，如果您只想開發佈局（頁眉，頁腳，側邊欄，內容，容器，菜單和類似的東西）......我誠懇地建議您嘗試在線提供不同的選項。

例如：
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm http://layouts.ironmyers.com/

你可以找到這個網上有很多的幫助。這只是一個佈局。我不清楚視覺效果，每次創建一個新設計時都必須與每個設計進行鬥爭。
對我而言，有效的方式就是重複使用過去爲我工作的東西。