Центрирование форм на странице

Центрирование формы на странице правильно делать без учета подписей инпутов.

Плохое выравнивание:

center_form_1

Центр страницы не совпадает с центром формы. Хорошо заметно по заголовку, что форма уехала вправо и возвращаться не собирается. А кнопка «прибитая» к правому краю усиливает эффект.

center_form_2

Правильное выравнивание:

center_form_3
center_form_4

Выравнивайте правильно!
Это не сложно


Добавить комментарий

Такая эл. почта уже зарегистрирована. Воспользуйтесь формой входа или введите другую.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

8 комментариев

сначала новые
по рейтингу по хронологии сначала новые

Никогда не задумывался действительно так лучше Спасибо!

Центрирование элементов на странице по горизонтали, похоже, самое легкое, тогда как выполнить выравнивание по вертикали сложнее, а самое сложное – сочетание этих двух задач. При адаптивном дизайне мы редко знаем точную высоту или ширину элементов, что исключает множество возможностей.

при адаптивке главное хорошо сделать на PC версии, 768, 640, 480 и 320, а остальные как получится. А в этих разрешениях верстальщик всегда знает точные высоту и ширину — они в макете :) Да и в целом, нужно различать «самое легкое» и «правильное». По большому счету дизайнеру вообще без разницы по временным затратам. А верстальщик сделает, как надо.

А можно тупой вопрос вдогонку статье? =)

А как вообще выровнять по центру страницы?

В бутстрапе то как вариант col s6? Или я не в те степи иду?

я, к сожалению, не настолько верстальщик, чтобы рассказать как они это делают :)

Алексей, а как Вы относитесь к варианту, когда текст находится внутри инпута и пропадает при нажатии на него? Заметил, сейчас часто так делают.

Еще можно почитать