内容在ie6中被压低

Question

以下是我们网站上is6搞砸的网页类型示例：

sample page

在ie6中，主要内容区域被推下左列导航。

我的大部分工作场所仍在使用ie6所以我们需要解决这个问题。我们尝试过不同的ie6黑客，但没有成功。

任何想法？

Answer 1

将内容ID的宽度更改为720px：

#content
{
    width: 720px;
}

你有740px的...但我在Firefox中将它改为720px并且它看起来完全一样。

Answer 2

没有IE6，测试有点困难但是我的猜测是你的容器.container_16对于IE6来说还不够宽。

这将考虑在左侧导航栏下方推送的内容。

您可以通过将以下内容放入HTML页面的头部进行测试：

<!--[if IE 6]>
  <style type="text/css">
      .container_16{width: 1500px !important;}
  </style>
<![endif]-->

Answer 3

尝试删除.grid_4上的边距，也可以删除#content（您的两个主要列）上的负边距。

Answer 4

听起来像是典型的盒子模型问题。您是否在同一类中定义了宽度和填充和/或边距？以下是对该问题的概述：http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/