Как поставить 100% высоты в <div>

[Alexandor1984]

Как поставить 100% высоты в <div>

Всем привет. Подскажите мне, пожалуйста, как поставить высоту блока <div> 100% ?

 

[phprus]

А разве:
<div style="height:100%;"></div>
не работает?

 

[Alexandor1984]

Неа.

-~{}~ 10.09.06 20:20:

Может кто-то знает, как обойти этот вариант?

 

[Scud]

Нужно все предкам div'a тоже выставить высоту, в том числе и body и даже html

 

[mani13]

Для работы height & width в CSS надо понимать все тонкости того, как оно работает.
Ширина и высота в процентах выставляются относительного родительского элемента. При этом не стоит забывать, что у html и body ширина(вот с этим могу ошибиться) и высота по умолчанию не равны 100%, а подбираются под размер контента(то есть стоят в значении auto). Отсюда, имея height: 100% у элемента непосредственно в body, можно получить не то, что ожидается.

 

[Alexandor1984]

100% - ую?

-~{}~ 10.09.06 20:36:

Вот пример http://mayachok.jino-net.ru/ Мне надо блок "О нас" сделать 100% высоты, чтоб белого небыло видно.

 

[denver]

http://www.quirksmode.org/css/100percheight.html

 

[an_kalinovski]

Объясняю популярно. Div должен растягиватся до границ внешнего элемента. В твоём html коде внешнего элемента как такового нет для дива "О нас". Т.е. есть еще несколько дивов, которые болтаются один за одним и всё. Для того чтобы работало так как ты хочешь - используй например таблицу внутрь которой впиши div - один в одну ячейку другой во вторую и тд - так называемая смешанная верстка и див и таблица. А если нет - то делай вшешний див и пляши от него при помощи отрицательных margin для высоты - ищи в гугле про них - тут долго объяснять...

 

[Alexandor1984]

Спасибо за идею. Буду разбираться.

 

[diamond_krnl]

было такое, оказалось просто: в IE при указании DOCTYPE XHTML 1.0 Transitional- height:100% ведёт себя как height:auto, при отсутвии докутайп работет как 100%.

вообщем попробуй убрать доктайп.
но hieght:100% очень плохая штука, по возможности лучше избегать.

 

[SelenIT]

diamond_krnl
>при указании DOCTYPE ... height:100% ведёт себя как height:auto

Это заблуждение. См. http://xhtml.ru/2005/12/12/body_height_research/

 

[diamond_krnl]

SelenIT
хммм... занятные "грабли", спасибо за ссылку.