Еще один способ добиться 100% высоты блока div (или ячейки таблицы)

Всем известна проблема: как получить блок div со 100% высотой. Этот метод не претендует на правильность и единственность, всё-таки лучше искать нативное css решение, о котором я возможно расскажу в будущей статье.

Суть этого метода заключается в том, что если высота блока меньше, чем 100% высота окна браузера, то мы рассчитываем высоту блока div с помощью Javascript и указываем ее явно с помощью DOM (см. wiki Document Object Model).

Следующий код позволяет растянуть блок div по высоте:

JS-Code:

HTML-Code:

10 комментариев, подписаться на rss

Сергей Владимирович Ответить

Хороший метод. Во всех браузерах работает?

    Hyperc0der Ответить

    да, метод кроссбраузерный.

Nicolas Ответить

Если этот метод — «ещё один», то метод CSS «height: 100%» — это просто «один»?)

    Hyperc0der Ответить

    Этот метод, еще один из хаков на эту тему. Одного height: 100% недостаточно. Но это уже другая история)

Елена Ответить

Супер!!! спасибо огромное

Антон Ответить

Почему появляется скроллинг, хотя блок пустой?

Александр Ответить

Скажите пожалуйста как этот код записать ??? я с JS только сталкиваюсь и особо не секу в этом . куда он записываеться и в какие теги ?

    Hyperc0der Ответить

    Между тегами . Советую почитать литературу, напр. «JavaScript. Подробное руководство» от O’Reilly.

Smobo Ответить

Вау! Спасибо!

Оставьте комментарий

Антибот *