Как растянуть слой на всё окно? - есть ответ

xexsus, 324 просмотра

Как это делается в web-приложениях?
Весь документ темнеет/светлеет, а по центру появляется окно, как например

Как например в "Документах Google" при вставке таблицы или рисунка:
http://xexsus.googlepages.com/awl.gif

Таким образом не получается:

<div style="position: fixed; background: url('ui/r.gif') repeat; width: 100%; height: 100%; min-height: 100%; left: 0; top: 0; right: 0; bottom: 0;">

...

</div>

P.S.
используя DOCTYPE http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd или другой подобный

Ответы:

anonimizer_me

Попробуй этот код. И всё получится. Сам думаю там всё поймешь

SIN

anonimizer_me: по спецификации xhtml у тэга table нет атрибута "height:100%;". Последний раз он использовался в html 3.2. Так что ваш код не будет работать во всех браузерах и тем более это не xhtml.

xexsus

Это не то. Этот div существует в основном потоке страницы, а нужен слой лежащий поверх основного содержимого страницы.

xexsus

2SIN:
Хороший сайт, регулярно там бываю, но, к сожалению, ответа там не нашёл.

SIN

2xexsus, там просто в форуме можно спросить... я слоями плоховато верстаю =(

avokado

просто к div'у применяешь следующий класс
<style type="text/css">
.Div100 {
position: absolute;
z-index: 1000;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:url('../images/setka.gif');
}
</style>

xexsus

2avokado:
Спасиба за ответ, но это ответ не на мой вопрос, в моём вопросе указано:
> используя DOCTYPE http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

xexsus

Решил свою проблему другим путём, но всем спасибо за ответы.

Neyron

Я растягиваю слой на все окно с помощью JavaScript. Сначала определяются размеры клиентской области и устанавливаются атрибуты style.width и style.height слоя. А затем вешаешь обработчик на window.onresize, в котором пересчитываешь размеры слоя. Посмотрите описание фукнции xClientWidth() и xClientHeight на www.cross-browser.com

18 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.