IE 中的浮动问题

Question

好吧，我正在制作一个模拟操作系统类型界面。它应该打开窗口并有一个拖动手柄。这一切都很完美。然后我添加了一个退出按钮的图像，我浮动到右侧......这让 IE 很生气，IE 因尺寸和定位而陷入困境 =[

我已经尝试了很多东西。没有一个有效。有人想帮忙吗？

网站是

http://opentech.durhamcollege.ca/~intn2201/brittains/labs/< /a>

谢谢 谢尔比

Answer 1

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

#dragHandle { 
  position: relative; 
}

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

这将更好地跨浏览器工作，并且无需 IE6/7 特定的 CSS 规则。

Answer 2

这是 IE 6 和 IE 的问题。 7：
http://blogs.msdn.com/askie/archive/2009/03/23/right-floated-element-in-internet-explorer-8-is-positioned- different-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 -创建仅 ie 样式表/