Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 28.01.2008 14:41

KatyaX
Новичок
Зарегистрирован: 09.10.2007
Сообщений: 15

DIV, высотой 100% в ячейку таблицы

Посоветуйте, как в td'шку записать div, высотой 100%

Нет на форуме

 

#2 28.01.2008 20:18

vashurin
Moderator
Зарегистрирован: 14.09.2006
Сообщений: 291
Вебсайт

Re: DIV, высотой 100% в ячейку таблицы

Код:

<!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<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>

С уважением, [url=http://vashurin.ru]Вашурин Владимир[/url].

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson