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

Question

вот 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. это не помогло. большое спасибо

Answer 1

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

<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>

Answer 2

Ваш вопрос, возможно, был дан ответ здесь: Плавающий слишком далеко!

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

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

Answer 3

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

Answer 4

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