Показать сообщение отдельно
  #1 (permalink)  
Старый 03.05.2014, 15:58
Интересующийся
Отправить личное сообщение для pavelrer Посмотреть профиль Найти все сообщения от pavelrer
 
Регистрация: 03.05.2014
Сообщений: 26

Пожалуйста помогите с высотой.
Господа, помогите плиз.
Сразу скажу, не спец в javascript, занимаюсь программированием plc.

Вот какая задача, пишу cgi для plc, страничка ориентирована по центру, тянется по ширине в зависимости от useragenta которы определяет сам плк
Вот так

<script type="text/javascript">
var wi=538;
$(function(){$(".mw").width(wi-20);$("#m").width(wi);$(".fx").width(wi);$(".zz"). width(wi);});
</script> <!-- Делаем ширину в одной переменной -->

В общем просто при загрузки странички одноразыва меняется переменная wi=538
Т.к у меня не веб сервер с страничкой, а страничка формируется в памяти плк из кусков меня это устраивает,
Вот это можно как то записать покороче? $(function(){$(".mw").width(wi-20);$("#m").width(wi);$(".fx").width(wi);$(".zz"). width(wi);});
Как то перечислить классы? (борьба за память)

Далее основной вопрос растягивание по высоте,
Все вроде сделал без скриптов (в опере конечно все плохо, ну и хай на нее) но если у меня контент внутри таблички а она в диве - больше высоты окна все хорошо,
Но вот если меньше, все очень не хорошо.
Сверху и снизу окна у меня две менюшки с фиксированным расположением тут и кроется засада, с верхней все в порядке а вот с нижний если контента мало в таблички
табличка не тянется до конца.
Контент в таблички располагается по середки высоты

<div id="oh">
<table class="zz" cellpadding="12" style="height:100%">

Вот решил как-то так

<script>
var h=window.innerHeight||document.documentElement.cli entHeight;
$(document).ready(function(){$("#oh").height(h - 28)});
</script>

-28 как раз делает мне div id=oh равный высоте окна минус налипающее нижнее меню. Все хорошо
Но это работает только при загрузки странички, а вот при ресайзе не фига не работает, надо F5 жать.

Если вот так

$(document).load(function(){$("#oh").height(h - 28)});

То тут не работает height(h - 28) просто 100%, а может и воще не работает?

Как решить данную задачу? ( на оперу плевать )

Вообще если убрать <div id="oh"> и скрипт и как-то вот в этом

<table class="zz" cellpadding="12" style="height:100%">

Вот это превратить style="height:100%", отнять -28px тож бы подошло, и ресайз бы работал.

Шапка вот такая

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

Без нее таблички тянутся с глюками, почему-то на нее ругается валидатор?

Если вот это <table class="zz" cellpadding="12" style="height:100%"> заменить на <table class="zz" cellpadding="12" height=100%>
Тоже не тянется причем style="height:100%" использую только в одном месте, в остальных height=100% работает.

У меня очень ограничен вес всей странички, из за свойств сокетов plc, хочется как то по проше и покороче решить, без огородов.

Спасибо.
Ответить с цитированием