Как создать div, положение которого исправлено совместимо с IE, FF & Chrome

Question

Я зафиксировал (положение) слева.Он имеет стиль = "переполнение: авто", а затем остальные статьи идут вправо, который можно прокручивать.

Некоторые опции в sidenav не видны в IE и FF.Я понимаю, что порт просмотра браузера различен для разных браузеров.Как можно отрегулировать высоту сиденав так, чтобы все варианты были видны.

Я ценю любую помощь.

Спасибо.

Answer 1

добавьте overflow-y:auto к sidenav, это сделает прокручиваемый контент sidenav, когда высота области просмотра меньше, чем высота контента в sidenav.

Answer 2

Посмотрите, поможет ли это:

http://jsbin.com/ixula4

Что я сделал, так это то, что я добавил top: 0; height: 100% к фиксированному позиционированному div вместе с overflow: auto. Кажется, работает в FF, Chrome и IE7 (режим соответствия стандартам). Не уверен насчет других браузеров. Вам лучше исследовать "100% высоты div" для хаков, которые вы можете использовать в других браузерах.

Answer 3

Эта статья кажется вам очень полезной, потому что их демонстрация, похоже, и есть то, что вы пытаетесь сделать. http://cross -browser.com / x / examples / floater_fixed.html Предлагает кросс-браузерную позицию: фиксированное решение.

Answer 4

Вы можете попробовать использовать overflow: visible вместо auto.

Также исправлено: не поддерживается в более старых версиях IE только из IE7 +.

У вас есть пример страницы для просмотра?