我有一个包含几个字段集的表单.一个字段集具有由用户设置的时间偏好表.用户可以添加和删除时间首选项.当他们添加一行时,使用jQuery将表行动态插入到DOM中append().
问题是在IE6和IE7中,当添加新表行时,页面上任何相对定位的元素都不会"碰撞".此外,当删除表行时,它们也不会移动.他们有点卡在他们的位置.
这将是相对较小的,但每个字段集相对定位,以避免与字段集的IE后台溢出问题.因此,在向表中添加两行或更多行之后,表单非常糟糕.
以下是应用于fieldsets的CSS:
form.pancake fieldset {
position: relative;
margin-top: 1.5em;
padding-top: 1.5em;
}
form.pancake fieldset legend {
position: absolute;
top: -0.5em;
left: 0.5em;
}
Run Code Online (Sandbox Code Playgroud)
当position: relative从样式表移除时,动态地添加的行完美地工作和内容适当向下移动.
任何帮助深表感谢.
在我在Firefox,SeaMonkey,Chrome,Opera,Safari,Camino和IE8上为我的学校建立的一个小网站测试后,我发现我的网站绝对定位的div都非常一致.
但是,当我开始在IE6和7中测试该网站时,所有的div都不合适并且整个页面都很混乱.
我花了两个星期的谷歌搜索并试图弄清楚问题是什么,但我仍然找不到一致的方法来解决这个问题.
希望我已经足够清楚了,对不起,如果我的英语不是很好,这是我的第三语言.
如果您需要更多说明,请随时提出.
任何和所有的帮助表示赞赏.
感谢您的时间.
注意:如上所述,我知道有许多解决方案和类似的问题,但是,我找不到在这种情况下工作的问题.
更新:缩放属性修复了我一直遇到的大部分问题,hasLayout似乎是一个巨大的痛苦.谢谢Spudly和Patrik