Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как расположить popup окно по центру? (https://javascript.ru/forum/misc/32242-kak-raspolozhit-popup-okno-po-centru.html)

makar3000 13.10.2012 15:44
Я прошу вообще то на JS, тут помойму ветка не про css

makar3000 13.10.2012 16:09
Сделал все сам, достаточно было поменять позицию на фикс и 'body' на window

dmitry111 14.10.2012 03:19
tenshi,

Ну додумайте же.. height укажите и все ок!

специально для вас

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style>
  #popup {
    width: 30%;
    height: 30%;
    position: absolute;
    top: 1%;
    left: 1%;
    right: 1%;
    bottom: 1%;
    margin: auto;
    background: #f00;
  }
</style>
</head>
<body>

<div id="popup"></div>

</body>
</html>

nerv_ 14.10.2012 12:12
ТС влепил мне минус, за мой ответ в теме
Цитата:
Сообщение от nerv_
left = ( ширина_видимой_области >> 1 ) - ( ширина_окна >> 1 );
с комментарием
Цитата:
подробнее надо бы
Ну не наглость ли? Может мне еще лекцию надо было прочитать и с ложки покормить?

makar3000, на все будущие вопросы, будите отвечать сами.

tenshi 14.10.2012 23:07
Цитата:
Сообщение от dmitry111 (Сообщение 209939)
tenshi,

Ну додумайте же.. height укажите и все ок!

специально для вас

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style>
  #popup {
    width: 30%;
    height: 30%;
    position: absolute;
    top: 1%;
    left: 1%;
    right: 1%;
    bottom: 1%;
    margin: auto;
    background: #f00;
  }
</style>
</head>
<body>

<div id="popup"></div>

</body>
</html>
под каждый контент попапа высчитывать свой height а при ресайзе окна пересчитывать его? нет, спасибо, я лучше останусь с автоматикой

tenshi 14.10.2012 23:08
Цитата:
Сообщение от makar3000 (Сообщение 209838)
Я прошу вообще то на JS, тут помойму ветка не про css
а мы тут не на окладе, чтобы подстраиваться под глупые требования

Jeff 04.10.2014 17:37
Вот пост о том как сделать центрирование изображения с помощью Javascript, а так же центрирование по вертикали без Javascript.:yes:


Часовой пояс GMT +3, время: 18:43.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице