Код CSS JQuery не центрируется в середине окна

Question

У меня есть этот код здесь

http://forum.castoff.net/menu.php

И msgbox появляется в середине всей страницы ... Мне нужно, чтобы он появился в середине видимогообласть ..

Может ли кто-нибудь помочь ??

Я уверен, что это просто проблема CSS

Спасибо

Ли

Answer 1

Все, что вам нужно сделать, это набрать .msgbox, изменить position: absolute на position: fixed.

Вот и все.

Прочтите это, чтобы понять различные position значения:
http://css -tricks.com / абсолютный относительный фиксированная positioining-как-делать-они-отличаются /

Answer 2

table и #dim имеют высоту 2000px и выше, поэтому, давая top:50% для всплывающего окна, поместите его в центр родительского элемента. Снимите высоту table и посмотрите, будет ли это работать (вероятно, сработает, потому что высота #dim - это высота документа.).

Другой вариант - добавить фиксированное значение расстояния от вершины для .msgbox. Например, в вашей CSS вы можете изменить .msgbox {top:50%;} на .msgbox {top:200px;}

Answer 3

Вы даете "dim" верхнюю позицию в 50%, поэтому она будет на 50% страницы, а не в видимой области.

Попробуйте отцентрировать его следующим образом:

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = $(window).width();
    var pTop = $(window).scrollTop()
    var eWidth = $(element).width()
    var height = $(element).height()
    $(element).css('top', pTop + 100+'px')
    $(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}