Помогите выиграть конкурс.
Займет не больше минуты!
ТЫЦ на ссылку

Ответить на комментарий

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

Пт, 09/17/2010 - 15:15 — X3M-Slider