Всплывающее окно DHTML

Question

Я пытаюсь создать окно DHTML на своем веб-сайте, и я могу его открыть. Проблема, с которой я столкнулся, заключается в том, что когда он появляется, он перемещает текст на странице. Я видел примеры всплывающих окон DHTML, где это не происходит, например, здесь: http://dhtmlpopups.webarticles.org/basics.php или здесь: http://www.php -development.ru / javascripts / popup-window.php

Я не могу понять, что я делаю неправильно, тег div для моего всплывающего окна выглядит так

<div id="loginPopup" style="position: relative; display:none; z-index: 500;"><div class="closeButton" onClick="javascript:document.getElementById('loginPopup').style.display = 'none';"></div></div>

Мой сайт также использует шаблон и css, которые я получил из сети, может ли это быть проблемой? Я в растерянности из-за того, что нужно сделать, чтобы исправить это, любая помощь будет потрясающей.

Спасибо!

Answer 1

Вы хотите позиционировать div как «абсолютный», а не «относительный». Затем я бы использовал атрибуты 'top' и 'left' для позиционирования окна.

div.loginPopup {
   position:aboslute;
   top:50px;
   left: 50px;
}

Answer 2

используйте абсолютное позиционирование, если вы не хотите, чтобы оно перемещало ваши другие элементы.