Question

下面注意我的CSS。这是一个三栏网站。我的主要内容是在中心。我遇到的问题是我的主要内容无法正确调整到IE。它在FF中很好但在IE中却没有。

.columns3headers2 #mainContent1 {
 margin: 0 22% 0 24%;
 width: 570px;
 background-color: #DDDDDD;
 height: 370px;
 padding: 0, 10, 0, 0;
 border: groove
}

.columns3headers2 #mainContent2 {
   margin: 0 22% 0 24%;
 width: 570px;
 background-color: #DDDDDD;
 height: 190px;
 border: groove
}

我的主要内容并不多。

<div id="mainContent1">
<h1> Main Content </h1>
<div id="cround">
    <h3>Absolute Value</h3>
    <ul>
    <li>Test 1</li>
    <li>Test 2</li>
    <li>Test 3</li> 
    <li>test 4</li>    
</ul>
</div>

Answer 1

与凯文所说的相反，我不会从CSS重置开始。它不会解决你的问题。它可能只会让人产生更多麻烦。

相反，首先验证您的代码。在你发布的简短CSS中有错误。谁知道还有多少。与HTML相同。

你发布的短代码片段对我们来说已经不足以帮助你了。

Answer 2

你是否开始使用CSS重置？

http://meyerweb.com/eric/tools/css/reset/

http://developer.yahoo.com/yui/reset/

那个错误的结束标签是什么？

我首先要自己使用CSS重置。从那里开始，你必须解释除了“IE不工作”之外的问题。

Answer 3

通过阅读部分代码，我最好的猜测是你的左边距和右边距被添加到你的div宽度值，总数超过了包装mainContent1和mainContent2的外部容器的宽度。 IE 6有一个错误，左边距值加倍。

为了获得更有用的建议，我建议您发布足够的HTML和CSS来重现问题，并告诉我们您在哪个版本的IE中看到了布局问题。

Answer 4

根据我在主要内容中看到的内容，您缺少div结束标记。

我的HTML / CSS存在问题

4 个答案: