HTML+CSS+JavaScript

Столкнулся с проблемой.
В ячейках таблицы генерируются новые таблицы, состоящие из 3 строк.
Пример:

<table cellspacing='0' width='1000'> <tr> <td> <!--генерируемая PHP-скриптом таблица--> <table cellspacing='0' > <tr><td>....</td></tr> <tr><td>....</td></tr> <tr><td>....</td></tr> </table> </td> </tr> </table>

Проблема в том, что таблица генерируемая PHP-скриптом имеет высоту согласно содержимому.
А мне нужно чтобы она растягивалась на 100% в высоту ячейки, в которой она находится.
Казалось бы всё просто, ан нет. Указывал height='100%', не работает.
Подскажите, пожалуйста, решение.

Ваш пример, противоречит Вашей проблеме.
Добавьте border=1 к обоим table и убедитесь в этом.
Возможно контейнер(первый table или td) имеют значение height или контейнер имеет две и более колонн и одна из них длинней.

Я наверно плохо объяснил. внутренняя таблица генерируется с помощью кода PHP.
Её высота получается из суммы высот строк (ячеек). То есть высота связана с высотой контента.
Так как контент разный, то и высота разная, поэтому указать строго высоту таблицы я не могу.
Получается, что высота внутренней таблицы произвольная в зависимости от содержимого, а мне нужно чтобы она была равна ячейке в которой находится.

Я не понимаю с чем это связано. Если просто написать html-код, то будет всё нормально. Таблица растягивается по высоте ячейки, в которой находится. Но когда таблица генерируется PHP кодом то этого не происходит. Какими хитростями это можно исправить?

надо сравнить HTML- код, который строит PHP, с тем, который у вас работает. или хотя бы приложить сюда линк на страницу или код.

<table cellspacing='0' cellpadding='0' width='100%'> <tr><td width='50%' valign='top'> <table cellspacing='0' cellpadding='0' height='100%' width='100%'> <tr><td class='thead left' colspan='2'><a href='topic.php?id=298' target='_blank'>pic1</a></td></tr> <tr><td class='tprev' colspan='2'><a href='topic.php?id=298' target='_blank' class='girls'><img src="Images/Girls/emily/main.jpg"></a></td></tr> <tr><td class='tfoot left'>Комментариев: 0</td><td class='tfoot right'>28 января 2008</td></tr> </table> </td><td width='50%' valign='top'> <table cellspacing='0' cellpadding='0' height='100%' width='100%'> <td class='thead right' colspan='2'><a href='topic.php?id=264' target='_blank'>pic2</a></td></tr> <td class='tprev' colspan='2'><a href='topic.php?id=264' target='_blank' class='girls'><img src="Images/Girls/geile/main.jpg"></a></td></tr> <td class='tfoot left'>Комментариев: 0</td><td class='tfoot right'>28 января 2008</td></tr> </table> </td></tr> </table>

так. а что мешает в код, формируемый PHP, тоже добавить height=100% во вложенные таблицы? и все эти классы, не знаю, что в них там прописано...

как видите он прописан:
<table cellspacing='0' cellpadding='0' height='100%' width='100%'>

ну и опять-же, всё нормально выглядит. (я включил все бордюры)
мож проблема в стилях, которые вы неприложили.

З.Ы. я на работе, у меня здесь только IE7.

у меня 4 браузера. везде одно и тоже.

вот посмотрите код. я добавил к картинкам разную высоту (разная высота контента):

<table cellspacing='0' cellpadding='0' width='100%' border=1> <tr><td width='50%' valign='top'> <table cellspacing='0' cellpadding='0' height='100%' width='100%' border=1> <tr><td class='thead left' colspan='2'><a href='topic.php?id=298' target='_blank'>pic1</a></td></tr> <tr><td class='tprev' colspan='2'><a href='topic.php?id=298' target='_blank' class='girls'><img height='200' src="Images/Girls/emily/main.jpg"></a></td></tr> <tr><td class='tfoot left'>Комментариев: 0</td><td class='tfoot right'>28 января 2008</td></tr> </table> </td><td width='50%' valign='top'> <table cellspacing='0' cellpadding='0' height='100%' width='100%' border=1> <td class='thead right' colspan='2'><a href='topic.php?id=264' target='_blank'>pic2</a></td></tr> <td class='tprev' colspan='2'><a href='topic.php?id=264' target='_blank' class='girls'><img height='100' src="Images/Girls/geile/main.jpg"></a></td></tr> <td class='tfoot left'>Комментариев: 0</td><td class='tfoot right'>28 января 2008</td></tr> </table> </td></tr> </table>

теперь видно, что у меня происходит. кто нибудь сталкивался с этой проблемой?

воть я и говорю
> или контейнер имеет две и более колонн и одна из них длинней.

забавно.
я не обратил внимание на сами ячейки в которых размещаются таблицы.
прописав height='100%' всё исправилось.
спасибо за внимание )))))))

как оказалось нет. фаерфокс показывает то что нужно. остальные браузеры показывают как было.
вопрос остаётся открытым.

1) да я воще непонимаю как оно работает, у Вас в таблице, (во второй ячейке) есть конец колонки </tr> но нет начала.
2) а почему-бы Вам, не сделать отдельную табличку, под дату и комент.

<table cellspacing='0' cellpadding='0' width='100%' border=1> <tr><td width='50%' valign='top'> <table cellspacing='0' cellpadding='0' width='100%' border=1> <tr><td class='thead left' colspan='2'><a href='topic.php?id=298' target='_blank'>pic1</a></td></tr> <tr><td class='tprev' colspan='2'><a href='topic.php?id=298' target='_blank' class='girls'><img height='200' src="Images/Girls/emily/main.jpg"></a></td></tr> </table> </td><td width='50%' valign='top'> <table cellspacing='0' cellpadding='0' width='100%' border=1> <tr><td class='thead right' colspan='2'><a href='topic.php?id=264' target='_blank'>pic2</a></td></tr> <tr><td class='tprev' colspan='2'><a href='topic.php?id=264' target='_blank' class='girls'><img height='100' src="Images/Girls/geile/main.jpg"></a></td></tr> </table> </td></tr> <tr><td colspan='2'> <table width='100%' border=1><tr> <td class='tfoot left'>Комментариев: 0</td><td class='tfoot right'>28 января 2008</td> <td class='tfoot left'>Комментариев: 0</td><td class='tfoot right'>28 января 2008</td> </tr></table> </td></tr> </table>