Имеется страница с двумя дивами: один слева, другой справа. Как сделать так, чтобы у каждого дива при большом количестве текста появлялся скрол, но сама страница не прокручивалась? Пока только есть идея, при которой яваскрипт узнает высоту браузера и выставляет грубый height. Но может на css как можно? При установке 100% высоты блоки расширяются и делают страницу(не див) прокручиваемой. Если где есть примеры, буду благодарен.
Примечание:
overflow:scroll;
Да знаю я про это. А попробовать ограничить div размерами экрана не получается.
Примечание:
Так, я сам виноват, что в вопросе напортачил. Перечитать надо было. Есть два блока, один сверху с грубой высотой, другой снизу должен растянуться до оставшейся ширины, а если содержимое превышено, то скролить.
Линк приложить не могу, вот пример
<div style="height:100%;"><div style="height:100px;">Верх</div><div style="overflow:auto; height:100%;">много текста, чтобы прокручивался</div></div>
Не считайте, что я не знаю что такое overflow, наконец.
Примечание:
Решение вопроса нашел сам.
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0px;padding:0px;overflow:hidden}
div{position:absolute}
div#header{top:0px;left:0px;right:0px;height:60px}
div#wrapper{top:60px;left:0px;right:0px;bottom:0px;}
div#left{top:0px;bottom:0px;left:0px;width:50%;overflow-y:auto}
div#right{top:0px;bottom:0px;right:0px;width:50%;overflow-y:auto}
</style>
</head>
<body>
<div id="header"></div>
<div id="wrapper">
<div id="left"><div style="height:1000px">high content</div></div>
<div id="right"><div style="height:1000px">high content</div></div>
</div>
</body>
спасибо всем
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.