почему входной дислокации в IE? это нормально в Firefox и Chrome - PullRequest
Новая
       8

почему входной дислокации в IE? это нормально в Firefox и Chrome

0 голосов
/ 21 февраля 2012

почему вход смещен в IE?Это нормально в Firefox и Chrome.Ввод не отображается справа под изображением.Поскольку я не могу публиковать изображения здесь, я добавлю «xxx» вместо URL-адреса изображения в коде, а CSS-код и URL-адрес снимка экрана в комментарии.Большое спасибо 

<li class="img">
    <div class="pic">
        <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
        <div  class="remove" style="display: none;">
        </div>
    </div>
    <input type="text" placeholder="say something" value="" class="txt">
</li>

 li.img {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 102px;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    width: 117px;
}
li {
    float: left;
    margin-left: 10px;
}
li {
    list-style: none outside none;
}
.pic {
    margin-bottom: 5px;
    overflow: hidden;
}
.txt {
    border: 1px solid #DEDEDE;
    color: #999999;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding-left: 6px;
    width: 108px;
}

1 Ответ

1 голос
/ 21 февраля 2012

Поместите поле ввода текста в его собственный div и поместите div влево: 

<li class="img">
    <div class="pic">
        <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
        <div  class="remove" style="display: none;">
        </div>
    </div>
    <div class="txt">
        <input type="text" placeholder="say something" value="" class="txt" >
    </div>
</li>

li.img {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 102px;
    overflow: visible;
    padding: 0 4px;
    position: relative;
    width: 117px;
}
li {
    float: left;
    margin-left: 10px;
}
li {
    list-style: none outside none;
}
.pic {
    margin-bottom: 5px;
    overflow: hidden;
}
div.txt {
    float: left;
}
input.txt {
    border: 1px solid #DEDEDE;
    color: #999999;    
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding-left: 6px;
    width: 108px;
}
...