看看这个html page。
在Firefox中它看起来就像我希望它看起来一样，在IE中它看起来“有点奇怪”，而在Chrome中它们都是扭曲的。
我使用的非标准HTML使浏览器之间看起来如此不同？具体来说，我该如何修复Chrome＆amp; IE版本看起来更像Firefox？
请注意，如果所有或几乎所有列都有黄色胶粘物，Chrome只会变得混乱。如果一列或两列为空，则Chrome会像Firefox一样显示该页面。
编辑 - 此处为the fixed page。
答案 0 :(得分：3)
该页面没有DOCTYPE。有一个告诉浏览器您的页面符合标准是很重要的。从那里开始，确保您的页面通过了所选DOCTYPE的验证。
更新：在修复验证方面做得很好！你现在的问题是table元素跟随两个浮动的div而没有任何清除。您必须清除浮动元素，以便在它们下面正确布置以下元素。
尝试以下方法。谷歌“clearfix”提供更优雅的解决方案。
<div style="float:left">....
<div style="float:right">....
<br style="clear:both"/>
<table ....
答案 1 :(得分：2)
我要提出的第一件事就是确保您的代码有效，如果您想要跨浏览器友好。
发布的代码会出现33个错误。
FF并不像其他浏览器那样挑剔，并且在有效代码方面给予了很大的回旋余地。
尝试验证并修复有效性问题，然后再次检查;它可能看起来至少好一点。
答案 2 :(得分：1)
尽可能尝试验证CSS和HTML。这通常有助于消除最大的故障。
validator.w3.org
答案 3 :(得分：0)
将日历表浮动到左侧