Javascript-форум (https://javascript.ru/forum/)
-   Opera, Safari и др. (https://javascript.ru/forum/css-html-browser/)
-   -   Автоматический размер по высоте <div> (https://javascript.ru/forum/css-html-browser/53403-avtomaticheskijj-razmer-po-vysote-div.html)

Rom@n 02.02.2015 19:50

Автоматический размер по высоте <div>
 
Всем Привет!
Такой вопросик: имеется основное поле <div id="content">, в нем шапка с кнопками меню а под ней 3 - колонки, описаны тоже через див.
Как сделать так, что если содержимое центральной колонки(вставляю табличку)(по высоте) выходить за пределы основного поля, то основное поле растянуть (по высоте) до размеров этой колонки ???
Пишу такой код, не работает (((
function setHeight() {
        var table = document.getElementById('pole_centr').clientHeight;
        var n_var = document.getElementById('content').clientHeight;
        if (n_var < table) {
			var n_var1 = n_var;
			var height = table - n_var; 
			var content = document.getElementById('content');
            content.style.n_var1 = height + "px";
			}
        else {}
    }

рони 02.02.2015 20:06

Цитата:

Сообщение от Rom@n
content.style.n_var1

это что за хитрый стиль?

Rom@n 02.02.2015 20:09

как я понял, сохраненный размер контента
переменная n_var1 содержит высоту контента
Поправьте, что не так, сижу голову ломаю...

рони 02.02.2015 20:12

Rom@n,
function setHeight() {
        var table = document.getElementById('pole_centr').scrollHeight;
        var n_var = document.getElementById('content');
        if (n_var.scrollHeight < table) {
            n_var.style.height = table + "px";
        } else {}
    }


Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Rom@n 02.02.2015 20:18

Огромное спасибо рони, но все равно не работает (((

рони 02.02.2015 20:19

Цитата:

Сообщение от Rom@n
но все равно не работает

где код?

Rom@n 02.02.2015 20:27

<div id="content"; class="b3radius">
	 <script src="css/tab.js"></script>
       другие блоки...
<div id="pole_centr">
		<table class="k1">
      структура таблицы...
                 </table>
</div>
</div>


Ваш код:
function setHeight() {

        var table = document.getElementById('pole_centr').scrollHeight;

        var n_var = document.getElementById('content');

        if (n_var.scrollHeight < table) {

            n_var.style.height = table + "px";

        } else {}

    }

рони 02.02.2015 20:35

Rom@n,
какой код вставляет таблицу тот пусть и регулирует высоту после вставки -- наверняка есть решение на css для подобных случаев.

Rom@n 02.02.2015 20:42

Таблицу вручную вставляю (сss)
искал переискал , ничего нет
Должен же кто-то знать, случай явно не типичный

рони 02.02.2015 20:59

Цитата:

Сообщение от Rom@n
Таблицу вручную вставляю

ой научите ?


Часовой пояс GMT +3, время: 17:24.