форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Имеется некий DIV (<div id="info">), которому в CSS выставлена определённая высота (div#info {height: 814px;}). Когда информации достаточно много - высота "превышается", div расширяется. Но при этом div, который находится сразу под ним (<div id="fut">) "наезжает" на него, ибо располагается сразу там, где заканчиваются те самые 814 пикселей.
А теперь вопрос. Как сделать так, чтобы минимальная высота div'а была те самые 814 пикселей, но при расширении нижние div'ы сдвигались вниз и не наезжали на исходный?
Заранее спасибо за помощь.
Неактивен
Это задача про футер, который всегда должен быть "прибит" к низу экрана, но съезжать ещё больше вниз при увеличении контента.
Я решил эту задачу так:
http://warmrobot.com/diary/footer-bottom-screen
но наверно лучшее решение можно посмотреть здесь:
http://www.themaninblue.com/writing/per … 005/08/29/
Работают оба.
Неактивен
А наличие скролинга в блоке не катит при overflow?
style="overflow: scroll"
Неактивен
А если экран достаточно небольшой по высоте, тогда что? Двойная прокрутка - это уже жОсткий отстой, на мой взгляд. Все попытки зафиксировать страницу по высоте неизменно заканчиваются плохо.
Неактивен
warmrobot написал:
Я решил эту задачу так:
http://warmrobot.com/diary/footer-bottom-screen
но наверно лучшее решение можно посмотреть здесь:
http://www.themaninblue.com/writing/per … 005/08/29/
Работают оба.
К сожалению, на любое решение найдется свой Сафари Или еще что-нибудь.
Неактивен
Cimeries написал:
Имеется некий DIV (<div id="info">), которому в CSS выставлена определённая высота (div#info {height: 814px;}). Когда информации достаточно много - высота "превышается", div расширяется. Но при этом div, который находится сразу под ним (<div id="fut">) "наезжает" на него, ибо располагается сразу там, где заканчиваются те самые 814 пикселей.
А теперь вопрос. Как сделать так, чтобы минимальная высота div'а была те самые 814 пикселей, но при расширении нижние div'ы сдвигались вниз и не наезжали на исходный?
Заранее спасибо за помощь.
min-height:814px;, кажется так.
Поведение, описанное вами, стандартно. Увы, minheight не поддерживает ИЕ. Есть варианты, например, писать Javascript , кторый будет проверять высоту div, и увеличивать ее, если она меньше порогового значения. Второй вариант нарушает структуру: надо в этот див что-то вложить фиксированной высоты. Может быть прозрачный гиф шириной в 1 пиксель, выключенный по правому краю (я бы сделал так). Потому что растягиваться по высоте див будет нормально, только при условии, что вы не определили высоту.
Отредактированно glebotr (14-12-2007 12:45:40)
Неактивен
Пока просто выставил то самое min-height: 814px;
Но в IE не работает.
Впоне возможно, что буду в очередной раз использовать <!--[if IE ]>
Неактивен
Нет в принципе, почему сразу плохо
Просто гораздо приятнее, когда всё везде работает одинаково либо почти одинаково. Но далеко не всегда получается всё так хорошо, как хотелось бы.
Неактивен
Cimeries написал:
Нет в принципе, почему сразу плохо
Просто гораздо приятнее, когда всё везде работает одинаково либо почти одинаково. Но далеко не всегда получается всё так хорошо, как хотелось бы.
Согласен. :-) Просто когда будет заедать совесть, взгляните на сайт microsoft.com
Там как раз можно обнаружить подобную конструкцию. Я даже её процитирую:
<!--[if lt IE 7]><style>@import url('http://i2.microsoft.com/shared/core/1/css/ie6.css');</style><![endif]-->
На мой взгляд - это говорит о многом, правда?
Неактивен
М-да уж, это точно )))
Не знал, не знал...
Неактивен