Xpoint
   [напомнить пароль]

Проблема в задании высоты таблицы в ячейки

Метки: [без меток]
2007-06-26 01:02:55 [обр] Pasha L[досье]

Здравствуйте.
Есть таблица TAB1

+---+---+
|   |   |
| 1 | 2 |
|   |   |
+---+---+

В ячейку 2 я помещаю такую таблицу TAB2:

+---+
| A |
+---+
| B |
+---+

Получается:

+---+-------+
|   | +---+ |
|   | | A | |
|   | |   | |
| 1 | +---+ |
|   | | B | |
|   | +---+ |
+---+-------+

Задача: сделать высоту ячейки B заданной (допустим, 50рх), и чтобы ячейка A занимала всю остальную высоту ячейки 2 (шла от верха). Высота таблицы TAB1 (а значит и её ячейки 2) зависит от содержания ячейки 1.

спустя 11 часов [обр] Thirteensmay(3/157)[досье]
<table border=1 height=1>
<tr>
  <td>
  1<br><br><br><br><br><br><br><br><br><br><br><br><br>
  </td>
  <td valign=top>
  
  <table border=1 height=100%>
  <tr>
  <td>A</td>
  </tr>
  <tr>
  <td height=50>B</td>
  </tr>
  </table>
  
  </td>
</tr>
</table>
 ?
спустя 37 минут [обр] Евгений Петров(172/1055)[досье]
Pasha L[досье] IMHO с любым правильным DOCTYPE в IE не получится - не поймает он высоту ячейки. Придётся в quirks mode сбросить (убрать DOCTYPE или комментарии добавить).
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<style type="text/css">
table{border-collapse:collapse;}
td{width:100px;padding:0;}
</style>
</head>
<body>
<table>
  <tr>
    <td style="background:#369;"><div style="height:300px;"></div></td>
    <td style="height:100%;vertical-align:top;background:#f0f0f0;"><div style="height:100%;background:#69c;"></div></tr>
</table>
</body>
</html>
Powered by POEM™ Engine Copyright © 2002-2005