Css IE7表格放在单列而不是双列上

Css IE7表格放在单列而不是双列上,css,forms,internet-explorer,Css,Forms,Internet Explorer,好的,我不知道它是如何附加的,这个表单:有一个两列字段。但在IE7中,它只在一列中,而不是在ie8、9或FF的chrome中。你能告诉我我做了什么坏事,或者如何让IE像普通浏览器一样工作吗。我已经花了两个多小时测试。。。我不知道去哪里找 你是说,标记本身并不适合蹩脚的ie7。您看到的标记通常如下所示: <ul> <li style="float:left width:50%">stuff</li> <li style="float:left width:

好的,我不知道它是如何附加的,这个表单:有一个两列字段。但在IE7中,它只在一列中,而不是在ie8、9或FF的chrome中。你能告诉我我做了什么坏事,或者如何让IE像普通浏览器一样工作吗。我已经花了两个多小时测试。。。我不知道去哪里找

你是说,标记本身并不适合蹩脚的ie7。您看到的标记通常如下所示:

<ul>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
</ul>

更好的做法是按照我上面描述的方式来布局您的列

我完全100%验证html。。。这样,我可以把我的想法从一列改为两列!是的,我喜欢干净高效的代码,它不能很好地与IE7配合,我会检查你的星型css代码,看看它是否有效!把
  • 项放在两列中的“技巧”很好,而且大多数浏览器都显示得很好,为什么不在IE7中显示呢?如果出于某种原因我改变了主意,把什么放在一列中,这会增加布局的灵活性,我可以!顺便说一句,我验证了100%的html,所以它应该是一个“好”的开始,以建立兼容的html文件,以显示在所有浏览器?
    <div style="width: 50%; float: left">
        <ul>
        <li class="left-column-lis">stuff</li>
        <li class="left-column-lis">stuff</li>
        <li class="left-column-lis">stuff</li>    
        <li class="left-column-lis">stuff</li>
        </ul>
    </div>
    <div style="width: 50%; float: left">
        <ul>
        <li class="right-column-lis">stuff</li>
        <li class="right-column-lis">stuff</li>
        <li class="right-column-lis">stuff</li>    
        <li class="right-column-lis">stuff</li>
        </ul>
    </div>
    
    UL{*overflow:visible;}
    .autocolumn LI {*width: 48%;}