Резиновая высота контейнера @ DeForum.ru

0 Сообщения: 17 Зарегистрирован: 22.09.05

Есть задача, обеспечить поодержку 3 браузеров(ИЕ ФФ ОПЕРА), только div, никаких таблиц. Надо сделать так чтобы слева, висел контейнер, шириной 200px, в самом начале (когда в нем от силы 10 строк текста), он должен иметь высоту 400px (или 50%), если вдруг туда поместят текста больше чем сможет вемститься в 400px (или 50%), он(контейнер) должен, растянуться по высоте. Да кстати, у него бекграундом картинка, соответсвенно видно будет, растянулся сам контейнер, или текст вылез за пределы контейнера.

Пробовал разные способы, но получается только что ИЕ контенйнер рсатягивает, а ФФ нехочет, он только текст за контейнер выносит.

Если надо на стороннем узле выложу пример.

для firefox/Opera css
min-height:400px;
пробовали?

0 Сообщения: 17 Зарегистрирован: 22.09.05

Пробовал, но тогда ИЕ не понимает, что минимальная высота должна быть 400px

0 Сообщения: 559 Зарегистрирован: 22.01.05

ИЕ не знает, что такое "min-height".

Делайте по правилам для браузеров, которые понимают css2 (min-width), а для ИЕ хаком, типа
html>body element {выражение для ИЕ},
или через
<![CDATA[
бла-бла-бла
]]>
Ну или разные css файлы подсовывать (импортировать) после определения браузера скриптом/ssi/ещё_как-нибудь.
К примерму, для первого варианта в качестве направления мысли , первая попавшаяся на глаза ссылка http://xpoint.ru/forums/internet/html_c … 2181.xhtml
:-)

0 Сообщения: 17 Зарегистрирован: 22.09.05

А вот можно поподробнее про html>body element {выражение для ИЕ}
Что там надо вместо элемента ставить? И как это вообще применять?

RA_ekb, то, что Вы придумали в Вашем первом сообщении :-)

А вобще, посмотрите на форуме, на алистапарт, на вебмасконе, много раз уже обсуждали. Что-то похожее было тут http://deforum.ru/forum/viewtopic.php?t=36019&view=next

это пишем внутри <head>:

Код:

<!--[if IE]><style type="text/css">/*<![CDATA[*/
#block {height:400px;}
/*]]>*/</style><![endif]-->

это пишем в css файле

Код:

#block {min-height:400px}

0 Сообщения: 17 Зарегистрирован: 22.09.05

Спасибо, я сделал проще, верхняя строчка для правильных браузеров, а нижняя для ИЕ:

min-height: 400px;
_height: 400px;

Как считаете, проблем возникнуть с этим вариантом не должно?

а что должно означать _height?

0 Сообщения: 17 Зарегистрирован: 22.09.05

Acid~Jazz писал(а):

а что должно означать _height?

Высоту, которую понимает, только ИЕ, остальные ее игнорируют.

мда.

Вариант, без хаков, но добавляющий несемантической вёрстки

Код:

<style type="text/css">
   #wrapper {background: #f2f2f2; padding-bottom: 1px;}
   #column {height: 400px; background: #f2f2f2;}
</style>
<div id="wrapper">
   <div id="column">контент</div>
</div>

*помахивает плакатом с надписью «Faux Columns»*

DeДверь
Логин:
Пароль:
	Автологин