Я использую jQuery SimpleModal для отображения информации о продукте. Для этого у меня есть два элемента, которые должны отображаться в одном модальном диалоговом окне: левый элемент содержит логотип продукта и некоторое описание прямо под логотипом. Правый элемент содержит подробную информацию о продукте. Содержимое в правом div может стать довольно длинным.
Что мне нужно для модального диалога, так это чтобы левый div оставался на своем месте, а правый div прокручивался, если его содержимое слишком длинное. Как это можно сделать?
Вот моя HTML-структура в модальном диалоге:
<div id="container">
<div id="leftColumn">
<div id="picture">
</div>
<div id="information">
</div>
</div>
<div id="rightColumn">
<p>Looooong text...</p>
</div>
</div>
Здесь соответствующий CSS:
#leftColumn {
float: left;
}
#rightColumn {
overflow:auto;
}