Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 18.03.2012 20:50

VrMT
Новичок
Зарегистрирован: 18.03.2012
Сообщений: 1

Автоматическое растягивание div ?

Здравствуйте!
Пытаюсь сделать свои стандартные макеты без всяких извращений, типа faux columns..

Прочитал про использование свойств семейства display:table-* для создания как будто "старой доброй" табличной разметки, но дивами.

Вот код

Код:


top
main

Всё что нужно-чтобы main растягивался автоматически на свободное место, вне зависимости от высоты top(или если вдруг футер появится).

В Opera & Firefox замечательно без скролла работает, а вот IE7 как всегда радует-main отображается в одну строчку...

Ещё меня интересует, есть ли вообще способ при котором свойство height:100% заданное вложенному диву означало бы 100% от родительского дива, а не от всего body?

Гуглил дня два по этой теме-ничего путного.

Нет на форуме

 

#2 18.03.2012 23:49

zascia
Новичок
Зарегистрирован: 23.11.2011
Сообщений: 39

Re: Автоматическое растягивание div ?

Об использовании свойства display: table есть хорошая статья Чебыкина "Умный в гору не пойдет" (если не ошибаюсь). Его сайт сейчас перестал быть доступным, но я уверен, где-то в нете можно найти текст статьи на других сайтах или в кеше поисковика.

Нет на форуме

 

Board footer

спец обувь или рабочая одежда