Float Issue in IE

Question

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

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

сайт

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

Благодаря Шелби

Answer 1

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

Answer 2

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

#dragHandle { 
    position: relative; 
} 

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

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