為什么該頁面在IE，Firefox和Chrome之間不一樣

Question

看看這個html頁面 。

在Firefox中，它看起來就像我想要的樣子；在IE中，它看起來“有點怪異”；在Chrome中，它們都扭曲了。

我使用的是哪種非標准HTML，使其在瀏覽器之間看起來如此不同？ 具體來說，如何將Chrome和IE版本更像Firefox？

請注意，只有在所有或幾乎所有列都帶有黃色膠粘物的情況下，Chrome才會陷入混亂。 如果一兩列為空，則Chrome會像Firefox一樣顯示該頁面。

編輯-這是固定頁面 。

Answer 1

該頁面沒有DOCTYPE。 重要的是要告知瀏覽器您的頁面符合標准。 從此處開始，並確保您的頁面通過了所選DOCTYPE的驗證。

更新：做好驗證工作！ 您現在的問題是，table元素跟隨兩個浮動div而沒有任何清除。 您必須清除浮動元素，以便將以下元素正確布置在它們下面。

嘗試以下方法。 谷歌“ clearfix”提供了更優雅的解決方案。

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

Answer 2

我要建議的第一件事是，如果您希望跨瀏覽器友好，請確保您的代碼有效。

發布的代碼帶有33個錯誤。

FF不像其他一些瀏覽器那樣挑剔，並且在有效代碼方面有很多回旋余地。

嘗試驗證並糾正問題，然后再次檢查； 它看起來至少好一點。

Answer 3

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

validateator.w3.org

Answer 4

將日歷表浮動到左側