IE6中jQuery对话框的修复或工作量 - 对话框包含表单时的主要布局问题

Question

我正在使用包含表单的jQuery对话框。在ie6中，在表格上方有几个不明原因的填充英寸。当我从标记中删除表单时，最严重的布局问题就会消失。我试过它没有主题（默认），Flora和我的themeroller主题，他们似乎都有同样的问题。

我已尝试对对话框CSS进行各种调整，但似乎没有任何效果，并且在创建对话框时会编写大量的内联CSS，以防止应用任何其他样式。

我已经尝试在表单上设置css属性，例如浮动，消除边距和填充，显示内联等，但只要表单在那里，就会有额外的间距。有没有人能够为此找到解决方法？我宁愿不破解它并且没有表单标签的表单控件。

感谢。

Answer 1

每当我必须为现有网站，论坛，小部件等创建CSS主题时，我总是首先删除所有样式表并将所有边距和填充标准化为每个主要html DOM元素的0。这对于内联css来说尤为重要。

您应该尝试删除表单元素本身上的任何内联CSS。然后尝试类似的事情：

form {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

IE6中的驯服溢出通常可以解决很多边际问题。尝试使用以下样式临时设置所有html元素的边框，以查看是否有任何先前的元素溢出到表单的空间中。

* {
    border: solid 1px #FF0000;
}

如果你看到窗体上有边框，那么你也应该尝试抑制该元素的溢出。

Answer 2

在更改CSS之前，请确保您的网页有正确的 doctype。

如果它没有doctype，浏览器将在'quirks'模式和许多事情看起来不太正确。

Answer 3

我之前遇到类似问题的按钮和无法解释的边距。 IE6中有一些元素继承了父元素的边距。非常离奇......

尝试此修复： http：/ /blog.netscraps.com/internet-explorer-bugs/ie6-ie7-margin-inheritance-bug.html

Answer 4

尝试这样的事情：

#yourDiv { padding:1.2em; margin-right:2.4em; }

其中#yourDiv是包含你的标签的div的id（我对输入有这个问题）。