Тянем div по высоте

[XXXVII]

Господа, как сделать блок с минимальной высотой 100%, который бы тянулся вместе с внутренними блоками (если их размер превышает 100%). Грубо говоря,

должен быть высотой 100% а

...

должен тянуться по вертикали и должен появляться вертикальный скролл.

Сейчас я применил следующий стиль:

#block {overflow: hidden /*Чтобы блок растягивался по вертикали*/}

*html #block {overflow: visible;height: 1% /*то же самое для IE*/}

Проблема в том, что если к этому добавить height: 100%, то при превышении контентом границ экрана скрол не появляется, а контент обрезается, а если этот трюк не применять, то block не тянется.

[Цветков Антон]

Если правильно оформить doctype, то height: 100% относительно размеров окна для дива работать не будет... Если нужно просто сделать так, чтобы подвал был внизу, то зачем растягивать дивы? Вот пример странички с подвалом внизу (недавно верстал):

http://aats.name/portfolio/freelances/index.html

http://aats.name/portfolio/freelances/about.html

http://aats.name/portfolio/freelances/result.html

[XXXVII]

Дело в том, что у меня в див вставлена высокая картинка бэкграундом. Поэтому просто подвал книзу прибить не удастся, только див растягивать

[XXXVII]

Оу, замечательно Я сам нашел решение!

html {

height: 100%;

}

* html body {height: 100%;}

#block {

width: 100%;

min-height: 100%;

height: 100%;

overflow: hidden;

}

*html #block {

width: 100%;

height: 100%;

overflow: visible;

}

[XXXVII]

Это ужасно, но все-таки придется вернуться к этому вопросу, т.к. найденное мной решение работает для html 4.01, а мне необходим xhtml 1.0

Может кто-нибудь знает решение проблемы?

[XXXVII]

[Цветков Антон]

найденное мной решение работает для html 4.01

Для правильного HTML 4.01 оно не будет работать... я на 95% уверен, что вы не указывали dtd-документ...

Еще раз повторю: растяжение блоков относительно размеров окна НЕВОМОЖНО при написании кода по стандартам. А раз вам нужна картика в фон, то почему бы ее не вставить в body с background-position: bottom?

[XXXVII]

Не могу ее вставить, потому что в body итак висит тянущаяся картинка. А на каждый из данных дивов будет навешиваться по одной картинке на каждый (по углам), поэтому данный способ является единственным вариантом.

К слову сказать, при доктайпе 4.01 код-таки работал, но нужно все-таки xhtml (quot;-//W3C//DTD HTML 4.01 Transitional//EN">)

[Цветков Антон]

К слову сказать, при доктайпе 4.01 код-таки работал, но нужно все-таки xhtml (quot;-//W3C//DTD HTML 4.01 Transitional//EN">)

Вот я и говорю, что он работал лишь потому, что доктайп оформлен неправильно. Напишете, как полагается (quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">) и тогда не будет работать.

[XXXVII]

Неужели в дивах никак не решить эту задачу? У меня почти просто получилось, но до конца довести решение не могу

[XXXVII]

Если кого-то заинтересует, то решение я нашел и реализовал здесь

[sergiyko911]

эээээ

мож не совсем в тему. но!

замечательный браузер IE не вдит doctype если не находит его в ПЕРВОЙ строке)

а чтоб определить, что Вы пишете с использованием xml можно например так:

quot;-//W3C//DTD HTML 4.0 Transitional//EN">

http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

..........