div по высоте ячейки таблицы @ DeForum.ru

Господа, добрый день! Возникла проблема, которой, казалось бы, возникнуть не должно -- не получается задать высоту div'а, размещённого в ячейке таблицы, равной высоте этой самой ячейки. Казалось бы, чего проще! Ант нет...

Код:

<body>
   <table style="width:100%;">
      <tr>
         <td style="width:222px;">
            1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1
         </td>
         <td>
            <div style="width:100%; height:100%; background-color:#ff0000;">
               пачиму этот див не растягивается по высоте таблитсы???
            </div>
         </td>
      </tr>
   </table>
</body>

Свёрстанная страница: http://alteradesign.ru/projects/digitalll/test.html

Заранее спасибо!

Цитата:

пачиму этот див не растягивается по высоте таблитсы???

патамушта он ее ни знает.
Покажите, где указано значение height для ячейки или таблицы

Код:

<table style="width:100%;">
      <tr>
         <td style="width:222px; height:100%;">
            1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1
         </td>
         <td style="height:100%;">
            <div style="width:100%; height:100%; background-color:#FF0000;">
               пачиму этот див не растягивается по высоте таблитсы???
            </div>
         </td>
      </tr>
   </table>

Та же херня. И ячейкам, и строке высоту в 100% задавал -- ничего не помогает. А фиксированную высоту нельзя задавать -- количество контента в первой ячейке может меняться, а следовательно и её высота. Ну а высота дива во второй ячейке должна быть равна высоте родительской ячейки.

CeMeH,
на html, body height:100%, min-height:100% прописаны?

на table тоже надо высоту прописать

CeMeH писал(а):

Та же херня. И ячейкам, и строке высоту в 100% задавал

уже теплее.
100% чего? От чего ячейка или строка должна вычислить 100%? Броузер — не телепат и рендерит код, а не ваши идеи.

PS. Вы уверены, что вам крайне необходим див в ячейке? Для чего?

karamba писал(а):

100% чего? От чего ячейка или строка должна вычислить 100%? Броузер — не телепат и рендерит код, а не ваши идеи.

Странно, почему тогда браузер становится телепатом, если задать ему доктайп неправильный?
http://alteradesign.ru/projects/digitalll/test1.html -- правильный доктайп, не пашет
http://alteradesign.ru/projects/digitalll/test2.html -- неправильный доктайп, пашет
Ячейка должна вычислить 100% от высоты строки, которая, в свою очередь, равна высоте самой высокой ячейки в строке. А высота ячейки в моём случае зависит от контента.

karamba писал(а):

PS. Вы уверены, что вам крайне необходим див в ячейке? Для чего?

Не то чтобы на все 100 уверен, но у ячейки таблицы нет свойства position:relative в отличие от дива. А мне оно нужно.
http://alteradesign.ru/projects/digitalll/, нужно расположить блоки в контентной области как щас. Сейчас всё работает как надо, потому что я поставил "неправильный" доктайп. Но блин мне это не подходит, т.к. по всей видимости с таким доктайпом дивы перестают обрабатывать событие hover (css) :cry:

CeMeH писал(а):

Странно, почему тогда браузер становится телепатом, если задать ему доктайп неправильный?

Он не становится телепатом, он пытается не сойти с ума. Что в вашем понимании «правильный»? По первой тестовой ссылке я вижу не валидный для указанного ДТД код. Да и по второй, впрочем, тоже. Итого: оба кода не соответствуют объявленным доктайпам. К чему они тогда вам? Если не уверены, что сможете обеспечить соответсвие — не указываейте никакой, свалите броузер в квирк-моду (как по второй ссылке) и не морочте ни ему, ни себе голову. А обеспечить скорее всего не сможете, если контентом будет заниматься заказчик (я, правда, о цмс ничего не знаю, но скорее всего так и будет).
Или ховер, или высота, захотите что-нибудь одно.

CeMeH писал(а):

http://alteradesign.ru/projects/digitalll/, нужно расположить блоки в контентной области как щас

CeMeH, так я и не понял до конца задачу, не смотря на все напряжение моих телепатических способностей. Хотя и слепил

, кое что:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Title</title>
<style type="text/css">
table{width:100%;border-collapse:collapse;width:100%;}
table, tr,td{position:relative;}
tr{float:left;width:100%;}
td{border:1px solid black;}
html>body td div{top:-1px;bottom:0;left:222px;right:0;position:absolute;$left:0;}
</style>
</head>

<body>
   <table>  
      <tr>  
         <td style="width:222px;" id="td">  
            1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1  <br />
         1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1  
         </td>  
         <td>  
            <div style="background-color:#ff0000;" id="div">  
               DIV with 100% height.
            </div>  
         </td>  
      </tr>  
   </table>  
<!--[if lte IE 6]>
<script type="text/javascript">
document.getElementById('div').style.height = document.getElementById('td').offsetHeight;
</script>
<![endif]-->
</body>
</html>

JS можно заменить expression или файлом htc, а обойтись без ID вообще просто.
Смотрел в IE 6, IE 7, Opera 9, Firefox 2 и Safari 3.

оффтопик:

Зачем было так извращаться с блоком 100%

vashurin писал(а):

слепил

, кое что

еп…

Всем спасибо, общими усилиями разобрались! :gent:

DeДверь
Логин:
Пароль:
	Автологин