Помогите выиграть конкурс.
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.
Вот такими методами пришлось решать эту проблему. Есть проще способ это не соблюдать стандарты. Но возможно и есть способ побороть просто через цсс или хтмл, но я его к сожалению не знаю покамест, если кто то знает поделитесь :)