IE7 странная проблема с плавающей точкой

вот html-код, который вызывает у меня проблемы в IE7

<div style="position:absolute;top:276px;left:194px;" class="drag layer_3">
<img class="deleteitem" height="12px" width="12px" title="Remove" src="/static/redclose.png" style="float:right;cursor:pointer;">
<img src="/static/18.png"  >
</div>

так он должен выглядеть, и он отлично выглядит в ie8, firefox

http://img200.imageshack.us/img200/189/ie8.png

но в IE7 плавающее правое изображение перескакивает в правый конец документа, как это

http://img33.imageshack.us/img33/6239/ie7bug.png

Как я могу это исправить? Я попытался удалить атрибуты ширины высоты и использовать max-height, max-width. это не помогло. большое спасибо


css css-float internet-explorer-7
person mark    schedule 23.05.2009    source источник

Ответы (4)


arrow_upward
1
arrow_downward

Здесь можно было бы ответить на ваш вопрос: Слишком далеко вправо!

Он предлагает использовать для этого jQuery, поскольку он написан как независимый от браузера.

Также см. Исходное решение автора внизу (без использования jQuery).

person Robert Harvey    schedule 23.05.2009
comment
это решило проблему для меня. позиция: абсолютная; справа: 5 пикселей; выравнивание текста: вправо; - person mark; 24.05.2009

arrow_upward
2
arrow_downward

Вы можете либо установить ширину div, либо изменить порядок изображений и плавать влево, а не вправо:

<div style="position:absolute;top:276px;left:194px;" class="drag layer_3">
    <img src="/static/18.png" style="float:left"  >
    <img class="deleteitem" height="12px" width="12px" title="Remove"
         src="/static/redclose.png" style="cursor:pointer;">
</div>
person Nick Higgs    schedule 23.05.2009
comment
привет ник спасибо за это! Я использовал это на Redclose, и это сработало. позиция: абсолютная; справа: 5 пикселей; выравнивание текста: вправо; - person mark; 24.05.2009

arrow_upward
1
arrow_downward

Я считаю, что рассматриваемый элемент плавает справа от родительского элемента «drag layer_3», как только вы сделаете кому-то абсолютную позицию, которая будет исключена из обычного потока документов.

person Sam152    schedule 23.05.2009

arrow_upward
1
arrow_downward

Думаю, нам нужно увидеть .drag и layer_3. На данный момент я не вижу определенной ширины для родительского элемента Remove. Я считаю, что ширина вашего div может быть другой в ie7. Попробуйте добавить к нему границу, чтобы увидеть расчетную ширину.

person SpliFF    schedule 23.05.2009