Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 13-12-2007 23:35:50

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

DIV+HEIGHT (вопрос по CSS)

Имеется некий DIV (<div id="info">), которому в CSS выставлена определённая высота (div#info {height: 814px;}). Когда информации достаточно много - высота "превышается", div расширяется. Но при этом div, который находится сразу под ним (<div id="fut">) "наезжает" на него, ибо располагается сразу там, где заканчиваются те самые 814 пикселей.
А теперь вопрос. Как сделать так, чтобы минимальная высота div'а была те самые 814 пикселей, но при расширении нижние div'ы сдвигались вниз и не наезжали на исходный?
Заранее спасибо за помощь.


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#2 14-12-2007 00:00:38

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

Это задача про футер, который всегда должен быть "прибит" к низу экрана, но съезжать ещё больше вниз при увеличении контента.

Я решил эту задачу так:
http://warmrobot.com/diary/footer-bottom-screen

но наверно лучшее решение можно посмотреть здесь:
http://www.themaninblue.com/writing/per … 005/08/29/

Работают оба.

Неактивен

 

#3 14-12-2007 10:19:23

burzum
добро
Зарегистрирован: 30-07-2007
Сообщений: 47

Re: DIV+HEIGHT (вопрос по CSS)

А наличие скролинга в блоке не катит при overflow?
style="overflow: scroll"

Неактивен

 

#4 14-12-2007 11:00:46

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

А если экран достаточно небольшой по высоте, тогда что? Двойная прокрутка - это уже жОсткий отстой, на мой взгляд. Все попытки зафиксировать страницу по высоте неизменно заканчиваются плохо.

Неактивен

 

#5 14-12-2007 12:41:14

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

warmrobot написал:

Я решил эту задачу так:
http://warmrobot.com/diary/footer-bottom-screen

но наверно лучшее решение можно посмотреть здесь:
http://www.themaninblue.com/writing/per … 005/08/29/

Работают оба.

К сожалению, на любое решение найдется свой Сафари wink Или еще что-нибудь.


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#6 14-12-2007 12:45:18

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

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)


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#7 14-12-2007 16:04:03

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

Пока просто выставил то самое min-height: 814px;
Но в IE не работает.
Впоне возможно, что буду в очередной раз использовать <!--[if IE ]> sad


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#8 14-12-2007 17:01:51

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

Ммм... в ссылках, которые я привёл описано тоже самое. Один лишний див для IE плюс задание height. И никакого JS.
А что использовать <!--[if IE ]> - это считается плохо?

Неактивен

 

#9 14-12-2007 17:51:38

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

Нет в принципе, почему сразу плохо smile
Просто гораздо приятнее, когда всё везде работает одинаково либо почти одинаково. Но далеко не всегда получается всё так хорошо, как хотелось бы.


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#10 14-12-2007 20:59:32

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

Cimeries написал:

Нет в принципе, почему сразу плохо smile
Просто гораздо приятнее, когда всё везде работает одинаково либо почти одинаково. Но далеко не всегда получается всё так хорошо, как хотелось бы.

Согласен. :-) Просто когда будет заедать совесть, взгляните на сайт microsoft.com
Там как раз можно обнаружить подобную конструкцию. Я даже её процитирую:

<!--[if lt IE 7]><style>@import url('http://i2.microsoft.com/shared/core/1/css/ie6.css');</style><![endif]-->

На мой взгляд - это говорит о многом, правда?

Неактивен

 

#11 14-12-2007 23:49:07

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: DIV+HEIGHT (вопрос по CSS)

М-да уж, это точно )))
Не знал, не знал...


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru