爲什麼這個頁面看起來不同的IE，Firefox和Chrome的

之間看一看這個html page。爲什麼這個頁面看起來不同的IE，Firefox和Chrome的

在Firefox中，它看起來就像我希望它看起來，在IE中它看起來「有點奇怪」，並在Chrome中它都扭曲。

我使用的是什麼非標準HTML，這使得它在瀏覽器之間看起來如此不同？具體來說，我如何修復Chrome瀏覽器版本，使其更像Firefox？

請注意，如果所有或幾乎所有列都有黃色粘貼，Chrome瀏覽器只會出現故障。如果一列或兩列爲空，則Chrome會像Firefox一樣顯示該頁面。

編輯 - 這裏是the fixed page。

來源

2010-05-10 ripper234

截圖和你所期望的將是巨大的。 – 2010-05-10 05:26:11

在我看來，一張表不應該用於日曆，因爲它是一個日期列表，而不是一個信息網格。但我明白這樣做更容易進行佈局。 – 2010-05-10 05:43:26

@Justin - 這裏是在Chrome瀏覽器截圖：http://dl.dropbox.com/u/464119/kuzando/bad-chrome.png – ripper234 2010-05-10 06:14:11

頁沒有一個DOCTYPE。有一個人告訴瀏覽器你的頁面符合標準是很重要的。從那裏開始，並確保您的網頁通過您選擇的DOCTYPE的驗證。

更新：確定驗證的好工作！你現在的問題是table元素跟在兩個浮動div上，沒有任何清除。您必須清除浮動元素，以便下列元素正確地排列在其下方。

請嘗試以下操作。谷歌「清除」更優雅的解決方案。

<div style="float:left">.... 
<div style="float:right">.... 
<br style="clear:both"/> 
<table ....

來源

2010-05-10 04:58:27

我修復了驗證，問題仍在發生。 – ripper234 2010-05-10 05:08:46

@ ripper234：查看更新的答案。 – 2010-05-10 05:17:25

工程就像一個魅力，謝謝！ – ripper234 2010-05-10 06:18:43

如果可能，嘗試驗證你的CSS和HTML。這通常有助於消除最大的故障。

validator.w3.org來

來源

2010-05-10 04:55:05

我固定的驗證和問題仍然發生。 – ripper234 2010-05-10 05:09:17

一個我不得不建議是確保，如果你想跨瀏覽器友好的代碼是有效的第一件事情。

張貼的代碼出現33個錯誤。

FF不像其他瀏覽器那麼挑剔，並且在有效代碼方面給了很大的餘地。

嘗試驗證和修正有效性問題，然後再檢查;它可能看起來好一點。

來源

2010-05-10 04:55:15 Douglas

問題是這是由javascript生成的HTML。我使用Firefox保存了HTML的靜態快照，這肯定會破壞有效性。原始呈現的HTML是有效的。 – ripper234 2010-05-10 05:02:49

在那裏，我確定了驗證，它仍在發生。 – ripper234 2010-05-10 05:08:29

正如已經提到的那樣，需要確定的一些更重要的事情是確保包含DOCTYPE。沒有人，瀏覽器很難說出他們在看什麼。小心你如何評論你的代碼。彈出的第一個錯誤之一是「文檔類型不允許元素」h2「在這裏」。儘管它在評論中，但它可以作爲興趣點在瀏覽器中彈出。一些瀏覽器試圖通過允許編碼中的小錯誤來「幫助」開發人員，但這有時會使事情變動。 – Douglas 2010-05-10 05:13:28

浮法您的日曆表上的差異左

來源

2010-05-10 05:45:33

爲什麼這個頁面看起來不同的IE，Firefox和Chrome的

回答

相關問題