IE7中的CSS对齐问题

Question

我一直在为个人元素构建一个 drupal 网站(关于 Rancilio Miss Silvia 的咖啡极客网站)，CSS 在 Firefox 和 Safari 中运行良好，但在 IE 中运行不佳。

在 IE 中，中央部分的对齐方式完全搞砸了，我似乎无法弄清楚我错过了什么。

我正在为 drupal 使用 Zen 主题，所以那里有一堆额外的标签以确保它更加困惑。

站点是:http://www.silviaschool.com

相关样式表为:http://silviaschool.com/themes/zen/zen/layout-liquid.css

感谢您提供的任何帮助:)

Answer 1

问题#1:

body { width: 20%; }

这是通过 sidebar-left 类应用的。

问题#2:

我不确定您是否需要固定宽度的布局。当我在 Chrome 中加载页面时，它似乎具有固定宽度，但您的样式表将 width: 90% 应用于 #page。如果您需要固定宽度，则需要在 #page 上指定固定宽度。