我的HTML/CSS问题

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重置开始？

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

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

请告诉我与错误的结束p标记吗？

我会开始通过使用CSS重置我自己。从那里，你必须解释除了'IE不能正常工作'之外的问题。

Answer 2

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

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

Answer 3

与凯文说的相反，我不会以CSS Reset开头。它不会解决你的问题。它可能只会造成更多的麻烦。

而是从验证代码开始。在你张贴的短CSS中有错误。谁知道还有多少。与HTML相同。

您发布的短代码片段不足以让我们帮您解决恐惧。

Answer 4

从我在您的主要内容中看到的，你缺少一个div结束标记。