css - internet explorer 7 放置一个不存在的地方Magento 形式

Question

除了 IE7 之外，所有浏览器都尊重我的代码，它放置了</ul>我的代码中不存在的一个，以我的表单结构完成。

下面的代码是在IE9的源代码中生成的：

<div class="fieldBairro_end">
                    <li class="fields">
                        <div class="field">
                            <label for="bairro_end" id="complemento_end" class="required"><em>*</em>Bairro</label>
                            <div class="input-box">
                                <input type="text" name="bairro_end" value="" title="bairro_end" id="bairro_end" class="input-text required-entry" />
                            </div>
                        </div>
                    </li>

                    </div>

IE7中相同的代码部分

<DIV class=fieldBairro_end></DIV></DIV></LI>
<LI class=fields>
<DIV class=field><LABEL class=required id=complemento_end for=bairro_end><EM>*</EM>Bairro</LABEL> 
<DIV class=input-box><INPUT class="input-text required-entry" id=bairro_end title=bairro_end name=bairro_end> </DIV></DIV>
</LI></UL></DIV>

这是一个名为的标签，但在 IE9 中，这个标签出现在它下面的一行中

虽然我正在尝试制作 JQuery 或 JavaScript 来解决它，但感谢您的帮助

安德烈

Answer 1

使用没有 UL 标签的 LI 标签不是有效的标记。重复问题：

使用 <li> 而不包含 <ul> 标签危险吗？

您最好更改布局以使用常规 DIV 标签而不是 LI。