jquery - IE6 中 jQuery 对话框的修复或解决方法 - 对话框包含表单时的主要布局问题

Question

我正在使用一个包含表单的 jQuery 对话框。在 ie6 中，表格上方有几英寸无法解释的填充。当我从标记中删除表单时，最严重的布局问题就消失了。我已经尝试过没有主题（默认）、Flora 和我的 themeroller 主题，它们似乎都有同样的问题。

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

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

谢谢。

score 4 · Accepted Answer

每当我必须为现有网站、论坛、小部件等创建 CSS 主题时，我总是首先剥离所有样式表，并将所有主要 html DOM 元素的边距和填充规范化为 0。当涉及到内联 CSS 时，这一点尤其重要。

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

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

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

* {
    border: solid 1px #FF0000;
}

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

score 1 · Accepted Answer

在更改 CSS 之前，请确保您的页面具有正确的文档类型。

如果它没有文档类型，浏览器将以“怪癖”模式呈现，许多事情看起来不太正确。

score 1 · Accepted Answer

我之前在按钮和无法解释的边距方面遇到过类似的问题。IE6 中有一些元素继承了它们父元素的边距。很诡异...

score 0 · Accepted Answer

尝试这样的事情：

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

其中 #yourDiv 是包含您的标签的 div 的 id（我在输入时遇到了这个问题）。

4 回答 4