Сделать заполнитель div динамически перекрываемым

Question

Я использую аккордеон JQuery UI в качестве меню в правой части страницы. Тем не менее, бывают случаи, когда меню будет выше, чем содержимое слева. Из-за этого при расширении / сжатии разделов аккордеона полоса прокрутки в браузере может увеличиваться / уменьшаться при открытии раздела аккордеона. Я думал, что под аккордеоном должен быть элемент div, который является высотой, до которой аккордеон мог бы добраться, и когда аккордеон расширяется, он просто перекрывает его, таким образом, вообще не изменяя полосу прокрутки в браузере (надеюсь, это имеет смысл). Придание ему позиции: абсолютное и объявление высоты и ширины, похоже, портит макет, накладывая его на нижний колонтитул, но выпуская его ниже. У кого-нибудь есть идеи, как заставить это работать? Если вам нужен более подробный пример, я посмотрю, что я могу сделать, чтобы обеспечить его, однако сайт заблокирован, и я не могу выдать имя пользователя / пароль.

Answer 1

Min-height легко реализовать в IE 6. Самый старый взлом от Дастина Диаса:

selector {
    min-height:500px;
    height:auto!important;
    height:500px;
}

Или с выражениями:

selector {
    height:expression( this.scrollHeight < 499 ? "500px" : "auto" ); 
}

На самом деле для IE 6 высота равна минимальной высоте. Элемент будет расширяться с содержанием в нем, пока не будет указано overflow:hidden.

Вы всегда можете применить правила для IE 6 только с помощью «* html hack» или с условными комментариями.

Answer 2

У вас, вероятно, есть контейнер вокруг меню и содержимого, верно?Вы можете добавить минимальную высоту css к контейнеру, которая будет равна самой высокой высоте меню