Имитация положения: исправлено в IE6 с высотой div 100%?

У меня есть боковая панель на моей веб-странице, которая должна занимать 100% страницы (по вертикали). Затем предполагается, что он останется там, поэтому, когда остальной контент прокручивается, этого не происходит. Для этого я использовал:

body
{
    height: 100%;
}

#sidebar
{
    height: 100%;
    width: 120px;
    position: fixed;
    top: 0;
    left: 0;
}

Это отлично работает во всех современных браузерах! К сожалению, мне приходится писать код для IE6, который не поддерживает position: fixed. Ты хоть представляешь, как я бы это сделал?

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
2 996
2

Ответы 2

Это исправление »

Мне? Я бы просто использовал более общий метод навигации или использовал (задыхаться) фреймы.

каждый раз, когда вы используете фрейм, Бог убивает <abbr>

Jimmy 23.12.2008 01:08

Они мерзость. Я согласен. С другой стороны, иногда клиенты просто хотят того, чего хотят; это не всегда в руках разработчика.

Triptych 23.12.2008 01:39

Как указано здесь

  1. Во-первых, переведите IE6 в «стандартный режим», используя строгий DOCTYPE. Обратите внимание, что стандартный режим IE6 известен своими чрезвычайно странными причудами. Сейчас мы пользуемся одним из них.
  2. Используйте условные комментарии IE для стилизации тегов HTML и BODY следующим образом:

    html, body {height: 100%; переполнение: авто;}

  3. Создайте стиль для всего, что вы хотите зафиксировать, как position: absolute.

Другие вопросы по теме