我使用2列页眉和页脚的基本布局设置了我的网站。在我的大多数页面上，这是有效的，因为左列未连接到右侧。但是在一个页面上，我在左栏中有一张图片，右边是相关的描述。这两个元素的高度不同，但宽度不同。现在，我通过在图片之间放置一个div来设置高度来补偿右侧的差异。在我测试它的浏览器中看起来不错，但是当我使用ie，chrome，opera和firefox进行最终查看时，我发现每个人都以不同的方式渲染空间。左列的高度不一致，因此图片不与右侧的描述对齐。我想通过我的网站保持2列布局一致。我有办法在这种类型的布局中补偿不同的浏览器渲染吗？ Here's指向该页面的链接，我启动了它，因为我还没有真正期待过多的流量。谢谢你的任何建议！
克雷格
答案 0 :(得分：0)
不同的浏览器以不同的方式呈现内容（例如默认行高，标题的边距和字体大小等）。要使所有内容达到共同的价值，您应该使用reset.css。我最喜欢的和我在项目中使用的是这一个：http://meyerweb.com/eric/tools/css/reset/。从我在您的网站上看到的内容，您没有使用reset.css。您需要获取该文件的副本（来自附加的链接），将其命名为reset.css并在实际的style.css文件之前导入它 - 在您需要的情况下，您必须在此规则之前导入它：{{1 }}
注意：导入重置后，您可能需要调整一些原始@import url("site_css/craig-smith.css");，但最终渲染在所有浏览器中看起来都相似/一致。