2014-01-11 2 views
0

Пожалуйста, проверьте следующий URL:содержание Div плавает хорошо во всех браузерах, но на IE10

http://www.deparche.com/registro

Вы можете посмотреть это:

enter image description here

В Firefox, Chrome и Safari это выглядит нормально, но на IE10 и Opera это выглядит так:

enter image description here

Я пробовал несколько вещей, таких как таргетинг на браузер с помощью JavaScript и уменьшение заполнения текста ввода, но это не имеет никакого смысла. Для выравнивания полей достаточно места.

Я не знаю, что делать.

Любые идеи?

Спасибо!

+4

Отправьте свой код здесь, пожалуйста. – j08691

+1

Проблемы с работой IE, как и в любом другом браузере, являются нормальными и ожидаемыми. – Rob

+0

Похож на вторую картинку в Safari 6.1, Safari Nightly, Chrome 31, Chrome Canary, Opera 17. В основном все, кроме FF. – bjb568

ответ

0

Internet Explorer добавляет 1px правого дополнения к вашему input#txtProfilePicPath элемент (на самом деле есть 1px обивка на каждом направлении по умолчанию). Указание padding-right: 0 на этом решает проблему.

+0

Спасибо Карло. Как ты говорил. Это сработало. –

+0

http://s29.postimg.org/a15postmv/shot.png –

+0

Как указано MZekto, вы должны использовать правильный сброс CSS. –

0

Вы должны удалить из .file-input-wrapperfloat: left; и width: 100px;

0

К следующему селектору:

div.formElementDiv input[type='text'] 

Добавить:

padding:0 0 0 10px; 

Это явно устанавливает все отступы к нулю (кроме отступы левого) и фиксирует вашу проблему.

Смежные вопросы