我已经建立了我的网站与2列页眉和页脚的基本布局。在我的大多数页面上，这是有效的，因为左列没有连接到右列。然而，在一页上，我有一个图片在左栏与相关的描述在右边。这两个元素的高度不同，但宽度不同。现在，我通过在图片clear-all之间放置一个div来弥补右侧的差异。在我测试的浏览器中看起来不错，但是当我用ie、chrome、opera和firefox做最后的检查时，我发现每个浏览器渲染空间的方式都不一样。左栏的高度不一致，导致图片与右侧的描述不一致。我想保持2列布局一致，整个我的网站。我有一种方法来补偿不同的浏览器渲染在这种类型的布局?这是这个页面的链接，我启动它是因为我还没有真正期望有多少流量。谢谢你的建议!
克雷格不同的浏览器呈现不同的内容(比如默认的行高、页边距和标题的字体大小等)。为了让所有的东西都得到一个共同的值，你应该使用reset.css。最流行的，也是我在我的项目中通常使用的是这个:http://meyerweb.com/eric/tools/css/reset/。从我在你的网站上看到，你没有使用reset.css。您需要获取该文件的副本(从附加的链接)，将其命名为reset.css并在实际的style.css文件之前导入它-在您的情况下，您必须在此规则之前导入它:@import url("site_css/craig-smith.css");
注意:在导入重置后，您可能不得不调整一些原始craig-smith.css，但最终呈现将在所有浏览器中看起来相似/一致。