我正在编写此网页。 http://www.nomizine.com/misc/tbs/default.html元素在IE7窗口上消失调整大小
除IE7外,它呈现得很好。当我调整浏览器窗口的大小时,顶部导航,左侧的指南针和右侧的订阅模块消失。
任何想法如何解决它?顺便说一句,我已经尝试了像放大:1,清除:两者等HasLayout技巧,但似乎没有任何工作。
我正在编写此网页。 http://www.nomizine.com/misc/tbs/default.html元素在IE7窗口上消失调整大小
除IE7外,它呈现得很好。当我调整浏览器窗口的大小时,顶部导航,左侧的指南针和右侧的订阅模块消失。
任何想法如何解决它?顺便说一句,我已经尝试了像放大:1,清除:两者等HasLayout技巧,但似乎没有任何工作。
这是对我工作。
#header_bg{
background: url(../images/header_bg.png) no-repeat center top;
height:100%;
margin:0 auto;
position:relative;
text-align:center;
width:100%;
}
我相信这个问题是事实,指南针是绝对的位置,但在容器(在这种情况下,TD)不是绝对或相对定位的..
因为绝对定位的元素定位在相对于最近的相对或绝对定位的父,这可能是因为IE7试图reclculate时弄乱了(由于调整大小),其中把这个元素..
我建议你换行#compass
DIV与div
有position:relative
[编辑]
确定的罪魁祸首是在CSS文件#header_bg
规则.. 只是删除位置:相对的,一切都会恢复正常:)
#header_bg{
background: url(../images/header_bg.png) no-repeat center top;
/*position:relative;*/
}
非常感谢盖比留点时间回答。 首先,我尝试从指南针中删除绝对位置,它工作。但是它上面的导航和订阅框右侧的定位依然会消失,甚至它们已经相对定位了? 其次,我试过相对定位的父亲的伎俩,但没有好处。任何想法? – nomidesigns 2010-01-12 13:51:54
好吧,我找到了罪魁祸首...... 看看上面的编辑..(这是另一个亲戚造成的麻烦..) – 2010-01-12 15:35:22
哈哈!我也为自己找到了罪魁祸首。但我没有删除该位置:相对;我做了什么,我添加了一些更多的属性,如宽度,高度,边距等,它的工作。奇怪的行为。我想这与浏览器的HasLayout性能有关。我不会想到它的寿命。目前,我的问题已解决。再次感谢加比的努力。 :) – nomidesigns 2010-01-12 16:10:33