Делаю сайтик (в порядке хобби) вот: http://www.fnm.ru/index.php?str=main
там есть таблица. Проблема в том что вторая ячейка не хочет быть по высоте равной первой

СУВ.
ЗЫ. Спасибо тем кто объяснял про php и генерацию страницы по шаблонам. Удобно.

Вот посмотри, может сойдёт...
Проверял в: 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, из-за этого ячейки разъезжались. Я исправил размеры и переименовал картинки...

Это сообщение отредактировал(а) Ciber SLasH - 15.11.2005, 08:45

Присоединённый файл ( Кол-во скачиваний: 3 )
 test.zip 1,11 Kb