IE6中jQuery对话框的修复或工作量 - 对话框包含表单时的主要布局问题
-
03-07-2019 - |
题
我正在使用包含表单的jQuery对话框。在ie6中,在表格上方有几个不明原因的填充英寸。当我从标记中删除表单时,最严重的布局问题就会消失。我试过它没有主题(默认),Flora和我的themeroller主题,他们似乎都有同样的问题。
我已尝试对对话框CSS进行各种调整,但似乎没有任何效果,并且在创建对话框时会编写大量的内联CSS,以防止应用任何其他样式。
我已经尝试在表单上设置css属性,例如浮动,消除边距和填充,显示内联等,但只要表单在那里,就会有额外的间距。有没有人能够为此找到解决方法?我宁愿不破解它并且没有表单标签的表单控件。
感谢。
解决方案
每当我必须为现有网站,论坛,小部件等创建CSS主题时,我总是首先删除所有样式表并将所有边距和填充标准化为每个主要html DOM元素的0。这对于内联css来说尤为重要。
您应该尝试删除表单元素本身上的任何内联CSS。然后尝试类似的事情:
form {
margin: 0;
padding: 0;
overflow: hidden;
}
IE6中的驯服溢出通常可以解决很多边际问题。尝试使用以下样式临时设置所有html元素的边框,以查看是否有任何先前的元素溢出到表单的空间中。
* {
border: solid 1px #FF0000;
}
如果你看到窗体上有边框,那么你也应该尝试抑制该元素的溢出。
其他提示
我之前遇到类似问题的按钮和无法解释的边距。 IE6中有一些元素继承了父元素的边距。非常离奇......
尝试此修复: http:/ /blog.netscraps.com/internet-explorer-bugs/ie6-ie7-margin-inheritance-bug.html
尝试这样的事情:
#yourDiv { padding:1.2em; margin-right:2.4em; }
其中#yourDiv是包含你的标签的div的id(我对输入有这个问题)。
不隶属于 StackOverflow