IE中的浮动问题

Question

好的我正在制作模拟的OS类型界面。它应该打开窗户并有一个拖动手柄。一切都很完美。然后我添加了一个退出按钮的图像我向右浮动...这使得IE疯了，IE搞砸了尺寸和定位= [

我已经尝试过垃圾。这些都不起作用。谁有帮助？

网站

http://opentech.durhamcollege.ca/~intn2201/brittains/labs/

由于 谢尔比

Answer 1

这是IE 6＆amp; S的一个问题。 7：
http://blogs.msdn.com/askie/archive/2009/03/23/right-floated-element-in-internet-explorer-8-is-positioned-differently-than-internet-explorer-7.aspx

我能想到的唯一解决方案是：

<!--[if lte IE 7]>
    <style type = "text/css">
        #windowExitImage{margin-top:-27px}
    </style>
<![endif]-->

因为它在技术上是一个评论，只有IE 7背面才会注意到这一点。所以IE 8和其他浏览器会以他们已经做的方式显示它，这实际上看起来是正确的 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Answer 2

另一种解决方案是根本不使用浮子。

#dragHandle { 
  position: relative; 
}

#windowExitImage {
  position: absolute;
  top: 4px;
  right: 0px;
}

这样可以更好地跨浏览器，并且无需使用IE6 / 7特定的CSS规则。