Проблема с плавающей точкой в ​​IE

Question

Хорошо, я делаю интерфейс типа симулированной ОС.Это должно открыть окна и иметь ручку перетаскивания.Это все работает отлично.Затем я добавил изображение для кнопки выхода, которую я плавал вправо ... это сделало IE безумным, а IE облажался с размером и позиционированием = [

Я пробовал кучу вещей.Ни одна из которых не работает.Кто-нибудь хочет помочь?

веб-сайт

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

Спасибо, Шелби

Answer 1

Другое решение - вообще не использовать поплавки.

#dragHandle { 
  position: relative; 
}

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

Это будет лучше работать в кросс-браузерном режиме и избавит от необходимости использования специального правила CSS для IE6 / 7.

Answer 2

Это проблема с IE 6 и 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 /