Форум Сайтостроение Веб-строительство

Высота DIV: как сделать 100%?

Willie
На сайте с 08.10.2008
Offline
200
Willie
831

Вопрос сводится к тому, как отрегулировать высоту DIV. Надо, чтобы было по аналогии с таблицами. Например, есть двухколоночный дизайн, в основной колонке - текст, в правой боковой - меню и прочая лабуда. Высота основной и правой колонки могут быть произвольными - то одна больше, то другая. Надо сделать так, чтобы та колонка, котороая меньше по высоте, растягивалась бы по размеру наибольшей. И чтобы "подвал" никак не искажался. Словом, как в таблицах. При этом без ЯваСкриптов.

Погуглив, нашел много ответов на эту тему, которые блоггеры перепечатывают друг у друга. Суть их сводится к двум нерабочим методам. Почему нерабочим? Потому, что при проверке в Firefox, IE7 и IE8 что-нибудь - да разваливается.

Кто-нибудь знает, как это сделать?

Попробовать мобильные прокси бесплатно: clck.ru/3EKDyC
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1

А эти статьи попадались? Может помогут.

4 способа как создать блоки одинаковой высоты http://habrahabr.ru/post/64173/

«Див» блоки одинаковой высоты http://habrahabr.ru/post/148327/

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
Willie
На сайте с 08.10.2008
Offline
200
Willie
#2

Чтобы было наглядно видно, о чем идет речь, привожу макет - http://www.personalkadry.ru/ . Что надо исправить в HTML-коде, чтоб все стало кошерно?

S
На сайте с 15.08.2006
Offline
48
sinol
#3

Типа как здесь?

zip layout_htmls_fix_lcr_s2_eh_1.zip
S
На сайте с 15.08.2006
Offline
48
sinol
#4

Точнее так (в прошлом варианте три колонки было)

zip layout_htmls_fix_cr_s1_eh_1.zip
PB
На сайте с 29.11.2007
Offline
40
PLSB
#5

В самом простейшем случае выставить 100% высоты блокам.

html{height:100%}
body{height:100%}
#wrap{height:100%}
#main{height:100%}

Willie
На сайте с 08.10.2008
Offline
200
Willie
#6
PLSB:
В самом простейшем случае выставить 100% высоты блокам.

html{height:100%}
body{height:100%}
#wrap{height:100%}
#main{height:100%}

Такое я пробовал. К сожалению, не помогает. В IE7 становится еще хуже, да и в Мозилле не работает.

S
На сайте с 15.08.2006
Offline
48
sinol
#7
PLSB:
В самом простейшем случае выставить 100% высоты блокам.

html{height:100%}
body{height:100%}
#wrap{height:100%}
#main{height:100%}

Это не во всех браузерах работает.

Willie
На сайте с 08.10.2008
Offline
200
Willie
#8
sinol:
Точнее так (в прошлом варианте три колонки было)

Да, примерно так.

Спасибо большое! Попробую разобраться. К сожалению, в примере шаблон не резиновый, но это, я думаю, сумею поправить.

S
На сайте с 15.08.2006
Offline
48
sinol
#9

А вот и "резина" :)

zip rezina.zip
Willie
На сайте с 08.10.2008
Offline
200
Willie
#10
sinol:
А вот и "резина" :)

Спасибо еще раз! Я уже предыдущий "отрезинил".

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий