Всплывающее окно имеет резиновую верстку и прекрасно адаптируется к ширине экрана. То есть, если окно браузера становится уже 580рх, то и всплывающее окно пропорционально сужается.

Но мне никак не удается расположить его по центру таким образом, чтобы при сужении окна браузера всплывающее окно тоже оставалось по центру.

Как это можно сделать?

Владимир55

Хочешь сделать по центру и прописываешь left 0. Вообще понимаешь по коду что ты делаешь?

p.s На форуме: 6 лет, 5 месяцев. Я с каждым днем удивляюсь твоим вопросам. Такое ощущение что ты только вчера узнал что такое тег

<div id="myModal" class="reveal-modal" style="top: 100px; opacity: 1; visibility: visible; position: relative; margin: 0 auto;">

Я ранее пробовал (margin: 0 auto;) вписать в (class="reveal-modal"), но это, почему-то, не помогло.

Вот это можно оставить, остальное добавляется автоматически через "jquery.reveal.js"

<div id="myModal" class="reveal-modal" style="position: relative;margin: 0 auto;">

.reveal-modal {
    width: 80%;
    max-width: 580px;
    left: 0;
    margin: 0 auto; /* Исправлено */
    padding: 0;
    position: relative;  /* Добавлено */
}

Спасибо!

пожалуйста

Владимир55, более правильно, я думаю, будет так сделать.
Для родительского элемента position: relative (можно и absolute, если требуется), а для дочернего (вложенного)

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

И не забудь задать размеры как родительскому, так и дочернему элементам.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)