Как сделать у блока ширину родителя, а высоту: 100% экрана. Можно CSS3 и HTML5, скрипты незя.

интернет html css веб дизайн верстка

Подробно: есть блок с {position: fixed; top: 0; right: 0; height: 10px;} В нем другой блок.

Который если делать {position: absolute; width: 100%; height: 100%}, то он примет не только ширину родителя, но и его высоту.
Если же {position: fixed; width:auto; height: 100%}, то он примет высоту экрана и ширину родителя только в том случае, если в нем будет достаточно контента + это не работает в IE7,8.

Как решить задачу без скриптов?

Примечание:
А есть смысл выводить контент в колонке 300px или все-таки растягивать ее на пол экрана? Пользователи IE7,8 в наказание могут и в узком окошечке посмотреть. Остальным все-таки по-нормальному надо.

Таблицу можно на 100% родителя растянуть или на 100% окна браузера, при условии, что она находится в другом блоке? В последнем сильно сомневаюсь.

Примечание:
Ок. Вот для чего: http://i.minus.com/iwZkmUECmyo7P.png
Нужно сверстать пару выпадающих меню.
Ответы:
Сперва надо определиться - есть ли в этом смысл для посетителей.
Когда со смыслом разберёмся, можно будет решать - использовать ли CSS3 и HTML5 или это должно работать в "IE7,8".
Что-то не особо въезжаю в саму задачу. Но как вариант - используйте таблицу. Её можно по высоте растянуть на 100% даже при
отсутствии в них контентента. Хотя, думаю, что без JS вашу задачу все равно не решить.


13 лет назад

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

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

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