Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Hello World
@Hellows
JavaScript
HTML
CSS
Как сделать выравнивание формы по центру?
Привет всем. Подскажите, как сделать выравнивание формы авторизации по центру под разное расширение экрана. На компьютере по центру форма, а вот на ноуте - оказывается внизу. Хочется централизации на любом расширении
Вопрос задан
более трёх лет назад
9173 просмотра
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
Ilya Suhodolskiy
@suhodolskiy
Форма фиксированного размера?
Написано
более трёх лет назад
Hello World
@Hellows
Автор вопроса
Илья Суходольский
: да
Написано
более трёх лет назад
Решения вопроса
1
Андрей Федоров
@aliencash
Партизан
Если известен размеры формы авторизации, например width: 400px; height: 200px;
.form {
position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -200px; /* отступы равны половинным размера формы */
z-index: 9999; /* чтобы форма была поверх всех элементов страницы */
}
Ответ написан
более трёх лет назад
2
комментария
Нравится
3
2
комментария
Facebook
Вконтакте
Twitter
Hello World
@Hellows
Автор вопроса
Cпасибо, друг! Помог
Написано
более трёх лет назад
Андрей Федоров
@aliencash
На здоровье. )
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Shockoway
@Shockoway
vertical-allign: middle, не?
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
2 подписчика
51 минуту назад
29 просмотров
0
ответов
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
21 час назад
93 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Какой мобильный гибридный фреймворк лучше выбрать?
1 подписчик
вчера
358 просмотров
3
ответа
JavaScript
Средний
Какой посоветуете учебник/книгу JavaScript?
1 подписчик
вчера
339 просмотров
4
ответа
JavaScript
+1 ещё
Простой
Как обособить эти два события?
1 подписчик
03 июн.
119 просмотров
1
ответ
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
75 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
178 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
628 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1003 просмотра
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1425 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack-разработчик (PHP/JavaScript)
Rubrain.com
•
Москва
от 250 000 до 280 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама