За последние 24 часа нас посетили 17275 программистов и 1196 роботов. Сейчас ищут 1352 программиста ...

Позиционирование div`а в центре видимой части страницы

Тема в разделе "HTML и CSS", создана пользователем basist, 3 дек 2007.

  1. basist

    basist Активный пользователь

    С нами с:
    7 июл 2007
    Сообщения:
    388
    Симпатии:
    0
    Адрес:
    Орел
    Вопрос такой: как сделать чтобы после какого-то события появлялся div, который был бы посередине видимой части страницы. после экспериментов с абсолютным позиционированием получилось что, если страница не высокая (не больше одного экрана), то всё нормально, а вот если больше, то уже не получается. (див появляется, сверху, и его не видно)
    Ссылка находится в самом низу страницы.
    Какие варианты возможны?

    HTML:
    1.  
    2. <a href="javascript:;" onclick="document.getElementById('2').style.display = 'block'">
    3.   Показать div
    4. </a>
    5.  
    6. <div id="2" style="position: ???; display: none;">test test test </div>
    7.  
    Заранее всем спасибо.
     
  2. S.t.A.M.

    S.t.A.M. Активный пользователь

    С нами с:
    10 сен 2007
    Сообщения:
    1.041
    Симпатии:
    0
    Пользуйся на здоровье
    [js]function MoveCenterScreen(objID)
    {
    var innerHeight_ = window.innerHeight ? window.innerHeight : document.documentElement.offsetHeight;
    var obj = document.getElementById(objID);
    obj.style.left = ( document.body.clientWidth / 2 - obj.clientWidth / 2 + document.body.scrollLeft) + 'px';
    obj.style.top = ( document.documentElement.scrollTop + innerHeight_ / 2 - obj.clientHeight / 2 + document.body.scrollTop) + 'px';
    }[/js]
     
  3. basist

    basist Активный пользователь

    С нами с:
    7 июл 2007
    Сообщения:
    388
    Симпатии:
    0
    Адрес:
    Орел
    S.t.A.M., большое спасибо!