我遇到了一个WordPress驱动的网站的“精选文章”部分，在当前版本Opera，Safari和IE6 +中按预期呈现，但在当前版本的Chrome和FF中出现问题。FF和Chrome打破布局的最可能原因是什么？
的网站上可以看到here。主页顶部显示“精选文章”部分。
我用萤火并通过W3C验证筛选的代码。尽管有许多错误，但我没有发现任何事情。
我被告知，该代码将呈现持续在所有浏览器在Mac上，但不是在PC上的。
虽然我不能代表网站我也不是做这个工作，我只是想知道为什么跨浏览器的问题发生。
如果页面无效，那么浏览器将尽最大努力在渲染前修复它。在Chrome中，您可以查看控制台输出，并可以告诉您如何选择修复问题。真的不值得调查为什么每个浏览器的开发团队都会选择以不同方式解决问题。现在，如果页面有效并且呈现的方式不同，那么知道为什么会很有用。
欢呼的洞察力。在怪癖模式下渲染的代码是否无效，或者只是针对缺少的文档类型？ –
Quirksmode.org进入极端细节。但一般规则是doctype用于确定严格模式。如果没有指定文档类型，则假定为严格。然后，该规则也有例外。当然，例外情况是例外情况。 http://www.quirksmode.org/css/quirksmode.html – mrtsherman
尽管基于mrtsherman的反馈，欢呼的解释，你有什么想法，为什么代码将在两台PC上使用相同的浏览器版本呈现不同？我还没有确定mrtsherman和我是否使用相同的操作系统。 –
什么坏了？在Chrome 12和IE9中看起来完全一样。 – mrtsherman
正确呈现的代码将显示堆叠在三个较小缩略图顶部的大缩略图。破碎的布局简单地将四个缩略图垂直堆叠。你有没有读过我在我的文章“附加信息”下提到的内容？你的电脑有没有机会成为Mac？ –
是的，电脑上的Chrome 12。看起来非常好。与蝙蝠侠和罗宾一个大图像，然后三个图像水平排列在它下面。 – mrtsherman