всплывающее окно не назначает центр экрана -- html поле с участием css пол Связанный проблема

popup not assign the center of the screen


0
vote

проблема

русский

У меня есть код ниже, чтобы назначить всплывающую точный центр экрана. Но это не работает. Всплывающее окно появляется в разных местах, основанных на размере div. Но я хочу отобразить Div в центре экрана.

 <код> .pnl_renewal_res {        background:White;     position: absolute;     top: 50%;     left: 50%;     margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */     display: none;     border:1px solid  #333333; }   
Английский оригинал

Am using the below code to assign the popup exact center of the screen. But its not working. Popup appear in different places based upon the size of the div. But i want to display the div in the center of the screen.

.pnl_renewal_res {        background:White;     position: absolute;     top: 50%;     left: 50%;     margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */     display: none;     border:1px solid  #333333; } 
</div
     

Список ответов

0
 
vote

Попробуйте:

 <код> .pnl_renewal_res {        background:White;     position: absolute;     top: 30%;     left: 30%;     right:30%;     bottom:30%;     display: none;     border:1px solid  #333333; }   

Это будет масштабировать ваше всплывающее окно и дать ему размер. Вам не нужно давать маржу, когда ваш контейнер является абсолютным: топ, справа, левое, нижние значения будут делать.

Если вы хотите изменить высоту и ширину всплывающего окна, измените значения процент.

Также вы можете использовать комбинацию height , а <код> width вместе с <код> top и <код> left

 

try this:

.pnl_renewal_res {        background:White;     position: absolute;     top: 30%;     left: 30%;     right:30%;     bottom:30%;     display: none;     border:1px solid  #333333; } 

this will scale your popup, and give a dimension to it. You don't need to give margin, when your container is absolute: top, right,left,bottom values will do.

if you want to change the height and width of the popup, change the percentage values.

Also, you can use combination of height, and width along with top and left

</div
 
 

Связанный проблема

0  Конвертировать GNOME-HELP (YELP) XML в статический HTML с XSLT  ( Convert gnome help yelp xml to static html with xslt ) 
Некоторые из приложений GNOME на Linux используют браузер справки под названием <код> yelp . Например, Gnome-Calculator, <Код> gcalctool , имеет свои файлы сп...

0  Группировка элементов Markdown в элементе div или пользовательской теги HTML  ( Grouping markdown elements in to div element or custom html tag ) 
Я использовал Jeykll Tool для генерации контента отметки вниз в HTML. Я хочу группировать ниже элементы отметки вниз в элемента Div или любой другой пользов...

6  Как я могу найти неиспользованные CSS в AJAX приложении?  ( How can i find unused css in ajax app ) 
Я искал, и я не могу найти какие-либо дополнения или JavaScript для поиска неиспользованных CSS в приложениях AJAX. Select-Me Selectors Можете сделать са...

-1  Как схватить значение флажки как целое число и не строку? [Дубликат]  ( How to grab checkbox value as integer and not string ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

31  Обнаружение первого и последнего элемента внутри Groovy каждая крышка {}  ( Detecting first and last item inside a groovy each closure ) 
Я использую Groovy's Handy Markupbuilder для создания HTML-страницы из различных исходных данных. Одна вещь, которую я изо всех сил пытаюсь сделать красиво,...

0  Почему изображение не отображается в Div в IE8  ( Why image doesnt show up within a div in ie8 ) 
У меня есть следующие HTML: <код> <!-- default stylesheets --> <link rel="stylesheet" type="text/css" href="theStyles/defaultStyle.css"> <!-- if ie version...

1  Удалить таблицу TR при сохранении AddClass  ( Remove table tr while maintaining addclass ) 
Хорошо, у меня есть таблица TR, которая удаляется, когда вы нажимаете кнопку. Я использую Animate.css и хотел бы добавить класс после того, как мой запрос AJA...

6  Предотвращение подачи двойной формы [дубликат]  ( Preventing double form submissions ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

0  У меня проблема с переполнением моей контактной формы при отображении на мобильном  ( Im having an issue with my contact form overflowing when displayed on a mobile ) 
Выпуск в основном, когда у меня есть эта форма, отображаемая на мобильном телефоне, когда я перехожу на ввод текста в форму, Textarea слишком много расширяетс...

30  Как я могу использовать Nodejs с Windows 7? [закрыто]  ( How can i use nodejs with windows 7 ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> <Путь d = "M15 6.38A6.48 6.48 0 007.78. 04H-.02A6.49 6.49 0 002.05 ...

3  Как поставить DIV в центре другого дивы?  ( How to put a div at center of another div ) 
Я хотел бы иметь один div в центре другого div горизонтально. <код> <div id="container"> <div id="centered"> hello world; </...

0  Маржа не действует должным образом в Firefox  ( Margin not acting properly in firefox ) 
У меня очень странная проблема, что за жизнь меня я могу решить. По сути, в Safari My Top Navigation не имеет верхнего поля и является промывкам с самой верхн...

0  Скрывая неупорядоченный список, когда у него нет элементов  ( Hiding an unordered list when it has no elements ) 
У меня есть проблема, которая кажется сначала, как общий язык No-Brainer и легкая задача. У меня есть плагин JavaScript на моей странице, который генерирует...

1  JavaScript: Получение идентификатора родителя из документа  ( Javascript getting the id of the parent from a document ) 
У меня возникли проблемы с тем, чтобы получить идентификатор родителя документа, который здесь «iFrame1». Как вы можете видеть, что JavaScript должен проживат...

13  Отправьте данные FORM HTML в базу данных SQL через PHP (используя mysqli)  ( Send html form data to sql database via php using mysqli ) 
Я хочу отправить данные, введенные в HTML-форму в мою базу данных SQL, то есть создайте новую строку, приписываю определенные значения в определенные столбцы....

Связанный проблема

0  Конвертировать GNOME-HELP (YELP) XML в статический HTML с XSLT 
0  Группировка элементов Markdown в элементе div или пользовательской теги HTML 
6  Как я могу найти неиспользованные CSS в AJAX приложении? 
-1  Как схватить значение флажки как целое число и не строку? [Дубликат] 
31  Обнаружение первого и последнего элемента внутри Groovy каждая крышка {} 
0  Почему изображение не отображается в Div в IE8 
1  Удалить таблицу TR при сохранении AddClass 
6  Предотвращение подачи двойной формы [дубликат] 
0  У меня проблема с переполнением моей контактной формы при отображении на мобильном 
30  Как я могу использовать Nodejs с Windows 7? [закрыто] 
3  Как поставить DIV в центре другого дивы? 
0  Маржа не действует должным образом в Firefox 
0  Скрывая неупорядоченный список, когда у него нет элементов 
1  JavaScript: Получение идентификатора родителя из документа 
13  Отправьте данные FORM HTML в базу данных SQL через PHP (используя mysqli) 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.