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, светлячок

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

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

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

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

Answer 1

Ваш вопрос может быть дан ответ здесь: Floating Too Far Right!

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

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

Answer 2

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

Answer 3

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

Answer 4

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

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