Главная > Javascript > Изменение высоты элемента в зависимости от разрешения экрана

Изменение высоты элемента в зависимости от разрешения экрана

В примере изменяется высота таблицы с контентом. Предположим, что над ней есть таблица header, а под ней footer, обе талицы имеют статическую высоту по 200px каждая. В head:

function ChHgh() {
   var client_height = window.screen.height;
   var content_height = client_height - 400;
   document.getElementById('contenttable').style.height = content_height + 'px';
}

400 — высота header + высота footer

<body onload='ChHgh()'>

Где то в тексте:

<table id='contenttable'..
Categories: Javascript Tags:
  1. Павел
    Январь 8th,2012 в 20:43 | #1

    а у меня чё-то не получается…(
    пробовал через хром 16, оперу 11.60 и ИЕ 6.
    код немного изменил:
    [code]
    function ChHgh() { document.getElementById(‘content’).style.height = window.screen.height — 51; }
    [/code]
    зачем в конце скрипта добавлять » + ‘px’ «? Обязательно в HTML-коде тег ? можно?

  2. Sergey Larin
    Октябрь 25th,2011 в 20:13 | #2

    function ChHgh() {document.getElementById(‘contenttable’).style.height = document.body.clientHeight — 227 + ‘px’;}

    кросбраузернее и нет лишних переменных.
    А так полезный скрипт.

  3. Людмила
    Январь 7th,2011 в 13:26 | #3

    СПАСИБО ВАМ ОГРРОМНОЕ!
    …почти отчаялась найти простое решение своей «уже не проблемы» ))

Похожие публикации