height: 100% с помощью jquery (вложений)
Я думаю что многие сталкивались с проблемой когда при соблюдении стандартов (<!DOCTYPE ), нужно растянуть таблицу или див на весь экран браузера, ну это можно побороть с помощью цсс, но вот когда в этом диве есть вложение тут уже тяжелее. И тут на помощь приходит jquery.
Обрисую мою ситуацию. Была у меня табличка в одной из ячеек был див который нужно было тянуть по все высоте этой ячейки. И сделал я это вот так:
-
<script type="text/javascript">
-
-
$(document).ready(function () {
-
$("#left_menu").height($("#left_td").height());
-
});
-
-
</script>
-
<table>
-
<tr>
-
<td id="left_td">
-
<div id="left_menu"></div>
-
</td>
-
</tr>
-
</table>
left_menu - это тот див который нужно тянуть.
left_td - эта ячейка в которой находится див который нужно тянуть
То есть логика такая, мы берем высоту ячейки и просто присваиваем её диву.
Если вам нужно что бы просто див или таблица была на весь экран то это можно сделать так:
-
<script type="text/javascript">
-
-
$(document).ready(function () {
-
$("#menu").height($(document).height());
-
});
-
</script>
или в css
-
html, body {
-
margin:0px;
-
padding:0px;
-
border:0px;
-
height: 100%;
-
}
Да и самое главное должна быть подключена библиотека jquery.
Вот такими методами пришлось решать эту проблему. Есть проще способ это не соблюдать стандарты. Но возможно и есть способ побороть просто через цсс или хтмл, но я его к сожалению не знаю покамест, если кто то знает поделитесь :)