Вот посмотри, может сойдёт...
Проверял в: IE, Opera, FireFox. К сожалению в Опере глючит 
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<meta name="Generator" content='EditPlus 2.12' />
<meta name="Author" content='Ciber SLasH' />
<title>HTML :: Пример оформления таблиц</title>
<style type='text/css'>
.main, td {vertical-align: top}
.myTBL {font: 10pt Courier; color: navy}
.myTBL thead {
height: 16px;
font: bold 10pt sans-serif;
color: #62B465;
text-align: center;
}
.myTBL tbody {height: 100%; vertical-align: top}
.myTBL tfoot {height: 10px}
/* Шапка (thead) */
.th-left {width: 10px; background: url("th-left.gif") no-repeat}
.th-center {background: url("th-center.gif") repeat-x}
.th-right {width: 10px; background: url("th-right.gif") no-repeat right}
/* Тело (tbody) */
.tb-left {background: url("line.gif") repeat-y}
.tb-right {background: url("line.gif") repeat-y right}
/* Низ (tfoot) */
.tf-left {background: url("tf-left.gif") no-repeat}
.tf-center {background: url("tf-center.gif") repeat-x}
.tf-right {background: url("tf-right.gif") no-repeat top right}
</style>
</head>
<body>
<table class='main' cellspacing="10" cellpadding="0" align="center">
<tr>
<td>
<table class='myTBL' cellspacing="0" cellpadding="0">
<thead>
<tr><td class='th-left'></td><td class='th-center'>csscc</td><td class='th-right'></td></tr>
</thead>
<tbody>
<tr>
<td class='tb-left'></td>
<td>В каждой ячейке будет свое описание,<br>картинки и т.п., причем текст будет меняться.<br>Из-за того, что невозможно предсказать объем текста хочется установить в строке такую высоту чтобы:<br>1 влезал весь текст<br>2 соседняя ячейка была тойже высоты</td>
<td class='tb-right'></td>
</tr>
</tbody>
<tfoot>
<tr><td class='tf-left'></td><td class='tf-center'></td><td class='tf-right'></td></tr>
</tfoot>
</table>
</td>
<td height="100%">
<table class='myTBL' height="100%" cellspacing="0" cellpadding="0">
<thead>
<tr><td class='th-left'></td><td class='th-center'>csscc</td><td class='th-right'></td></tr>
</thead>
<tbody>
<tr>
<td class='tb-left'></td>
<td>Вот тут высота уже равна высоте остальных ячеек и стало красиво :)</td>
<td class='tb-right'></td>
</tr>
</tbody>
<tfoot>
<tr><td class='tf-left'></td><td class='tf-center'></td><td class='tf-right'></td></tr>
</tfoot>
</table>
</td>
</tr>
</table>
</body>
</html>
|
Картинки в аттаче.
ЗЫ: тебе нужно было боковые картинки сверху и снизу делать одной длины, а то у тебя было левая верхняя 9px в длину, а левая нижняя в 10px, из-за этого ячейки разъезжались. Я исправил размеры и переименовал картинки... |