Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Здравствуйте. У меня следующая проблема.
Необходимо решить такую задачу:
Есть два дива.
Если контент в обоих дивах меньше видимой части дисплея, то оба дива должны быть 100% по высоте от видимой части страницы.
Если контент в хотя бы одном диве больше видимой части дисплея, то оба дива должны растянуться до высоты наибольшего дива из них и быть на одном уровне.
Собственно, проще говоря, цель почти достигнута. Вот код:
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Левое меню
Всё работает как и надо. Кроме одного момента: в IE6 при контенте обоих дивов меньше видимой части экрана дивы не расширяются до 100% высоты.
Буду очень признателен, если кто-то подскажет как решить эту проблему.
Нет на форуме
IE6 не поддерживает min-width, min-height, max-width и max-height, а так же !important, поэтому запишем так:
#main {
overflow: hidden;
width:100%;
height: auto !important;
height: 100%;
min-height: 100%;
}Нет на форуме
Спасибо, но к сожалению при таком варианте IE6 обрезает весь контент что выходит за пределы экрана 
FF ведёт себя нормально.
Дело теперь в overflow: hidden, без которого страница будет слишком большой из-за выравнивания блоков с помощью отступов и отрицательных границ:
padding-bottom:32767px; margin-bottom:-32767px;
Я перерыл уже все доки, есть универсальные решения для выравнивания двух дивов на одной линии, есть решения для растягивания дивов на 100%, неужели нет решения как совместить эти два условия вместе?
Нет на форуме
Мне кажется вашу проблему решит так называемый метод ложных колонок
#main{
background: url(img.gif) repeat-y top left;
}Нарисуйте сине-зеленый фон высотой 1px и шириной 600px и пустите его по вертикали (как показала выше). Высоту дайте main - 100%. А у колонок уберите фон, то есть сделайте прозрачным. Тогда по идее колонки вы наполняете как вам надо, а подложенный фон создает иллюзию 
одинаковых колонок, заполняющих высоту 100%.
Нет на форуме
vika, я знаю про этот метод. Я знаю как совместить 2 дива и знаю как растянуть див на 100%. Дело в том что я не могу совместить эти методы. И толкового решения пока не нашёл.
Нет на форуме
Страниц: 1