Пожалуйста помогите с высотой.
Господа, помогите плиз.
Сразу скажу, не спец в 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, хочется как то по проше и покороче решить, без огородов.
Спасибо.
|