У меня есть веб-страница с двумя панелями. Левая панель занимает большую часть ширины и отображает сообщения пользователей. Правая панель - это меню навигации, поэтому я хочу, чтобы она оставалась неподвижной и никогда не сбрасывалась с экрана.CSS: Как исправить одну панель и прокрутить другую?
Если на одном экране слишком много сообщений, в правой части экрана появляется строка прокрутки (НЕ панель), и пользователь прокручивается вниз. Все это хорошо, за исключением того, что меню навигации прокручивается с экрана.
Обе панели находятся в общем делителе. Я попытался установить его положение относительно, а затем зафиксировал положение панели навигации с правильным смещением 0. Это сохранил панель навигации на экране, но на крайнем правом (т. Е. Не внутри содержащего div).
Как мне сохранить фиксированную панель навигации на экране, но плавать справа от нее, содержащей div?
Спасибо, миллион!
EDIT: Для примера и того, что я имею в виду, посмотрите на Facebook. Вы увидите, что столбец сообщений может простираться до бесконечности, но столбец правой руки (с рекламой) остается на экране ...
Почему эти два элемента должны быть в одном контейнере? –
Alex, основная область содержимого на странице «main-display». Это содержание DIV. –
И что происходит, когда меню навигации выше экрана/окна (изменение размера окна, экран мобильного телефона слишком мал, текст увеличен из-за плохого зрения), и пользователь не может прокрутить, чтобы достичь элементов внизу? Будьте осторожны, когда вы исправляете вещи – frozenkoi