Question

我正在尝试在IE中显示一个表单，但由于某种原因，从图片中可以看到布局被破坏了。我尝试了各种修复程序，清除，显示：块选项，但仍然布局中断。如果这是在FF，我可以使用firebug来追踪它破坏的地方，但IE没有这样的调试工具，因此发布。如果有人能告诉我我的错误，我将不胜感激。感谢

.adduserform label
        {

        display:block;
        width:130px;
        float:left;
        font-weight:normal;
        font-size:12px;
        padding: 4px 0 0 40px;
        z-index:1000;
        clear:both;
        line-height: 20px;

        }

.adduserform select
        {

        width: 130px;
        float:left
        font-family:Calibri, Arial, Helvetica, sans-serif;
        font-size:12px;
        outline:none;
        margin-top: 5px;
        clear:both;
        }

        <div id="coname">
        <div id="AUSR_address"></div>
                <dl>
                <dt>
                    <label for="AUSR_name" class="opt">Full Name:</label>
                </dt>
                <dd>
                    <input id="AUSR_name" name="AUSR_name" type="text" size="32" maxlength="128" value = "" />
                </dd>
              </dl>
              </div>

IE incorrect layout

+++ +++ SOLUTION

div#coname {

    clear:both;
}

Answer 1

IE有开发者工具栏。如果你按F12它应该启动它，并应该帮助你找到你的问题。您还可以使用它以不同的IE版本模式查看页面。

Answer 2

我首先要确保你在顶部有一个doctype：

<!DOCTYPE html>

如果没有指定doctype，IE将恢复为怪异模式，事情会变得有点难看。上面的一个例子是HTML5，但还有更多。有关可能的文档类型的完整列表，请参阅此处：http://www.w3.org/QA/2002/04/valid-dtd-list.html

具有讽刺意味的是，有一个名为http://www.quirksmode.org/的网站可以跟踪浏览器中的各种兼容性问题。可能会在不久的将来发现它很有帮助。

Answer 3

IE Developer Toolbar

较新版本（按F12）
旧版本（转here并下载）

Firebug Lite

FF的firebug中的许多功能都可以使用此书签扩展到其他浏览器

您是否拥有我们实际可以看到的此页面的在线版本？可能有很多原因，可能与块模型混淆的宽度相关。

元素在IE中无法正确显示

3 个答案:

IE Developer Toolbar

Firebug Lite