Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Hello World
@Hellows
JavaScript
HTML
CSS
Как сделать выравнивание формы по центру?
Привет всем. Подскажите, как сделать выравнивание формы авторизации по центру под разное расширение экрана. На компьютере по центру форма, а вот на ноуте - оказывается внизу. Хочется централизации на любом расширении
Вопрос задан
более трёх лет назад
9185 просмотров
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
Ilya Suhodolskiy
@suhodolskiy
Форма фиксированного размера?
Написано
более трёх лет назад
Hello World
@Hellows
Автор вопроса
Илья Суходольский
: да
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Решения вопроса
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
Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
1 подписчик
19 часов назад
96 просмотров
1
ответ
HTML
+1 ещё
Простой
Как создать карточки в рядах со смещением?
1 подписчик
вчера
74 просмотра
0
ответов
JavaScript
Простой
Как создать рисунок из PHP в Fabric.js?
1 подписчик
вчера
67 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой скрипт загружает меню в Ютуб?
2 подписчика
27 окт.
149 просмотров
2
ответа
CSS
Простой
Как на css сделать в карточке товара появление блока кнопок при наведении курсора?
1 подписчик
27 окт.
122 просмотра
1
ответ
CSS
Простой
Как такое сверстать?
1 подписчик
26 окт.
256 просмотров
2
ответа
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
207 просмотров
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
163 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
130 просмотров
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
189 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack)
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама