Вот скриншот моего веб-разработки:CSS-стиль поиска поле формы ввода выглядит ужасно в IE7
Screenshot http://img12.imageshack.us/img12/2668/searchin.jpg
код: http://jsfiddle.net/pwDXj/5/
ДИВ вокруг поля ввода для niftycube , так что углы закруглены. Я не могу понять, почему IE показывает поле ввода с этим левым полем, у кого есть идея?
Заранее спасибо.
Код ошибки выглядит left-margin из 50px по телефону #suche #bginput. IE7 не делает это так же, как и другие браузеры. Когда они вычисляют границу слева от содержащего элемента, IE7 вычисляет ее с правой стороны вещи, которая перемещается влево.
Я предлагаю плавать #suche #bginput направо и не устанавливать left-margin.
спасибо! это http://jsfiddle.net/pwDXj/13/ работает для IE7 – roeb
Рад это слышать! –
Это не полный ответ, но он может заставить вас указывать в правильном направлении. Вы, вероятно, должны установить специальный CSS для IE7. Для этого вы можете использовать conditional comments.
заменить этот CSS
{ ширина: 220px; высота: 30px; позиция: абсолютная; Право: 0px; bottom: 0px; background-color: # cbddf1; } #suche form { margin: 0px; padding: 5px 0px 0px 10px; } #suche label { цвет: # 003399; float: слева; Размер шрифта: 0.85em; line-height: 24px; padding-right: 10px; } #suche #bginput { background-color: # EFF5FC; float: слева; высота: 18px; прокладка: 2шт; ширина: 150шт; } # ввод данных { margin: 0px; border: 0px; цвет: # 003399; Размер шрифта: 0.7em; ширина: 140px; background-color: # eff5fc; }
Все выглядит ужасно в IE7 – JakeParis
Что с этим DIV? Почему бы вам не поместить INPUT в ЭТИКЕТКУ? –
... или даже рядом с меткой, как она есть, и просто удалить DIV – JakeParis