Модальное окно
 

Подскажите пожалуйста я уже столько разных вариантов пробовал.
Как сделать нормальное модальное окно, которое закрывает все объекты и
ширина и высота на всю область страницы.
Как в JQuery, но не используя JQuery.

хватит, уже плодить темы на каждую проблему с которой столкнулся.
Учись решать их самостоятельно.
на твой вопрос, два ответа:
1)google it. там полно всяких модальных окошек с использованием фреймворков, и самостоятельных
2)напиши сам с нуля. это не так уж трудно.

Нужные функции здесь есть.

Я уже разобрался, но всё равно огромное спасибо.
У меня просто функция неверно определяла размеры окна.
А вот что нашёл и применил в своём примере.

$.browserHeight = function() // Возвращает высоту окна
{
return document.body.scrollHeight;
}

$.browserWidth = function() // Возвращает ширину окна
{
return document.body.scrollWidth;
}

Удивило , ещё то, что в примерах расширения картинок в ExtJS
не полностью закрывается область.
Т.е. прям баг.
(ext-core-3.1.0\ext-core-3.1.0\examples\lightbox)

Попробуйте это в разных браузерах, при разных доктайпах, на страницах от коротких до длинных.