VPF::не могу установить правый марджин для полей ввода

mstdmstd

Дата 22.7.2016, 16:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет

Всем привет,
Подскажите, пожалуйста, а почему на редакторе я не могу установить правый марджин для полей ввода на iphone
http://dev4.softreactor.com/register

В инспекторе при таком определении класса

Код


.form-control {
    height: 30px;
    color: #808080;
    padding: 5px 5px 5px 5px;
    margin: 5px 35px 5px 25px;

    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 215, 215, 0.9);*/
    border: 1px dotted red; /* DEBUGGING*/
}

марджин слева устанавливается нормально но правый нет и правая сторона вылезла на форму
и я вижу http://imgur.com/a/wa2Cd

На более крупных девайсах этой проблемы нет...

Спасибо!

Это сообщение отредактировал(а) mstdmstd - 22.7.2016, 16:24

mstdmstd

Дата 23.7.2016, 14:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет

Поковырявшись еще заметил что причина была в значениях по умолчанию

Код


form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

я исправил на

Код


.form-horizontal .form-group {
    margin: 10px 5px 5px 5px;
    padding: 0px;
    border: 0px solid navy; /* DEBUGGING */
}

Код


.form-control {
    height: 34px;
    width: 100%;
    color: #808080;
    margin: auto;
    display: block;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 215, 215, 0.9);
}

Не знаю лучший ли это способ, но вроде стало нормально...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »