Подскажите кто-нибудь, как можно сделать одинаковую высоту таблицы в таблице. Если прописать высоты для ячеек и таблиц на 100 %, то в случае неодинакового количества содержимого - у таблицы с меньшим количеством контента появляются пропорциональные отступы сверху и снизу. Так вот можно как-нибудь избавиться от этих отступов, и сделать чтобы все таблицы были в один ряд?
Я догадываюсь, что такая практика не соответствует стандартам читабельности кода, и возможно html стандартам. Но к сожалению, у меня в распоряжении только эти таблицы. И мне бы хотелось узнать, возможно есть какие-нибудь хаки. Вероятно кто-нибудь уже сталкивался с подобной проблемой.
Если я неудачно объяснил - прилагаю код того, о чем я говорил.
Благодарю за отзывы.
Код:
<style>
.left_td{
background-color:#CC0000;
}
.right_td{
background-color:#006600;
}
.left_table{
background-color:#00FF00;
}
.right_table{
background-color:#FF9900;
}
</style>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="left_td" height="100%">
<table class="left_table" cellspacing="0" height="100%" cellpadding="0" border="0">
<tr>
<td>Left td of Left table</td>
<td>Right td of Left table</td>
</tr>
</table>
</td>
<td class="right_td" height="100%">
<table class="right_table" cellspacing="0" height="100%" cellpadding="0" border="0">
<tr>
<td>
Left td of Right table
</td>
<td>
Right td of Right table<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</td>
</tr>
</table>
</td>
</tr>
</table>