CSS: растянуть DIV до полноэкранного режима, пока родительский DIV больше 100%

#html #css #jquery-ui

#HTML #css #jquery-пользовательский интерфейс

Вопрос:

В настоящее время я работаю над веб-сайтом, который будет использовать эффект прокрутки для навигации между страницами. Таким образом, все страницы содержатся в одном огромном родительском DIV (ширина: 20000em;), результирующее переполнение скрыто.

Моя проблема: я бы хотел развернуть каждую отдельную страницу до полноэкранного режима. Высота не проблема, но я не смог найти никакой возможности увеличить ширину контейнера DIV страницы до ширины экрана, потому что он всегда будет заполнять 100% родительского элемента, который составляет 200000em общего DIV.

Есть идеи, лучшие практики, обходные пути? Должен ли я получить ширину экрана (размеры браузера) с помощью Javascript? Я все равно использую jQuery…

jQuery-плагин, который я использую, «прокручивается» (http://flowplayer.org/tools/scrollable/index.html )

Смотрите текущую версию сайта в процессе разработки здесь:http://dl.dropbox.com/u/16183441/area51/scroll.html

Заранее большое спасибо!

Комментарии:

1. Я не использовал его, но этот урок, похоже, дает вам несколько советов для этого: ilovecolors.com.ar/detect-screen-size-css-style