empirator 0 Опубликовано: 21 июля 2008 Рассказать Опубликовано: 21 июля 2008 Задача: Нужен <div> который накладывался бы на всю страницу. Использовал следующую конструкцию: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Высота блока, height: 100% — реальность</title> <style type="text/css"> <!-- * { padding: 0; margin: 0; } html, body { height: 100%; } body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; } #container { POSITION: ABSOLUTE; TOP: 0PX; LEFT: 0PX; width: 100%; background-color: #F2F2F2; text-align: center; min-height: 100%; } * html #container { height: 100%; } --> </style> </head> <body> <div id="container"> <p>Этот блок должен растягиваться по высоте окна браузера!</p> </div> </body> </html> Если не использовать POSITION: ABSOLUTE, то все айс. Если ипользовать - то блок по высоте равен разрешению по вертикали, прокручиваешь ниже - там дива уже нет. Как выйти из этого положения (сохранить height: 100% и position: absolute)? Цитата Ссылка на сообщение Поделиться на других сайтах
EzS 2 Опубликовано: 21 июля 2008 Рассказать Опубликовано: 21 июля 2008 Поищите в поисковиках статью "В поисках Святого Грааля" Цитата Ссылка на сообщение Поделиться на других сайтах
WMDrakon 20 Опубликовано: 21 июля 2008 Рассказать Опубликовано: 21 июля 2008 Поищите в поисковиках статью "В поисках Святого Грааля" ))) Стан, а это к чему ты написал? ) Цитата Ссылка на сообщение Поделиться на других сайтах
empirator 0 Опубликовано: 21 июля 2008 Рассказать Опубликовано: 21 июля 2008 Автор Если речь про это: _http://alistapart.com/articles/holygrail то читал. Нет там про 100% выравнивание. Только одинаковая высота колонок. Не то... Цитата Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 22 июля 2008 Рассказать Опубликовано: 22 июля 2008 Я эту задачу решал так:#disabled{ width:100%; height:100%; position:absolute; position:fixed; top:0; left:0; background:#fff; filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75; } Цитата Ссылка на сообщение Поделиться на других сайтах
empirator 0 Опубликовано: 22 июля 2008 Рассказать Опубликовано: 22 июля 2008 Автор Александр Медведев, как все просто оказалось!!! Не догадался я зафиксировать слой! СПАСИБО!!! Цитата Ссылка на сообщение Поделиться на других сайтах
EzS 2 Опубликовано: 22 июля 2008 Рассказать Опубликовано: 22 июля 2008 Добавил в закладки! Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.