У меня есть div, отображаемый поверх страницы модальным способом. В чем я не уверен, так это в том, как центрировать его слева направо.
Вот CSS, который у меня есть. Я знаю, что осталось 0; нужно изменить, но не знаю, как это сделать.
.adminBack {
position: fixed;
top: 0;
left: 50%;
z-index: 999;
width: 1298px;
margin-left: 649px;
margin-top: 100px;
padding: 5px 0px;
}
1
user2073077
20 Фев 2013 в 08:38
1 ответ
Лучший ответ
Попробуйте новый CSS:
.adminBack {
position: fixed;
top: 50%;
left: 50%;
z-index: 999;
width: 1298px;
height: 590px;
margin-left: -649px; /* Minus half of element width* */
margin-top: -300px; /* Minus half of element height* */
padding: 5px 0px;
}
/*
*includes padding and borders.
*/
Демо | Полноэкранный режим
-1
Web_Designer
20 Фев 2013 в 21:17
Как вы поддерживаете размеры экрана с помощью этого исправления пикселей? Дайте мне знать?
– The Mechanic
20 Фев 2013 в 09:18
Я обновил свой ответ демонстрацией. Я не уверен, что вы имеете в виду в своем комментарии. Модальное окно будет расположено по центру страницы независимо от размера экрана.
– Web_Designer
20 Фев 2013 в 21:18
Да, я понял, но я подумал, когда он переходит в динамический, я имею в виду, что основной div не имеет фиксированной ширины? тогда какое решение?
– The Mechanic
21 Фев 2013 в 17:24
1
Вместо отрицательной маржи вы можете использовать:
– transform: translate(-50%, -50%);
Web_Designer
14 Фев 2015 в 22:45
Похожие вопросы
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.
{width:100%}иadminBack{ margin: 0px auto;}. Думаю, это должно сработать.