как сделать две таблицы одинаковой высоты

[lexxx2008]

Есть таблца в которой располагаются еще две таблицы.

Обе заполнены текстом, но так как количество текста не одинаково, таблицы имеют разный размер по вертикали.

Высота правой таблицы равна высоте большой таблицы, а высота левой нет.

————————-

| ——- ——-- |

| |текст| |текст| |

| |текст| |текст| |

| |текст| |текст| |

| |текст| ——- |

| |текст| |

| ——- |

————————-

Как сделать по средствам HTML или на худой конец CSS, чтобы нижняя граница обоих таблиц упиралась в нижнюю границу большой таблицы?

Вот так:

————————-

| ——- ——-- |

| |текст| |текст| |

| |текст| |текст| |

| |текст| |текст| |

| |текст| | | |

| |текст| | | |

| ——- ——-- |

————————

Заранее спасибо.

[3ABAPKA]

..... // таблица ? 1 состоит из одной строки и из одного столбца

..... // таблица ? 2 состоит из одной строки и из одного столбца

[Razor]

Ну если HTML, то атрибуты height="100%" для двух таблиц внутренних надо задать, а чтоб это все работало (браузерам было на основе чего расчитывать эти 100%) то нужно задать height главной таблицы.

будет что-то вроде:

<table height="100">
  <tr>
	 <td>
			 <table border="0" height="100%"><tr><td valign="top">Table1 
jhjh</td></tr></table>
	 </td>
	 <td>
			 <table border="0" height="100%"><tr><td valign="top">Table 2 text</td></tr></table>
	  </td>
   </tr>
</table>

[olgastaf]

  Razor said:

Ну если HTML, то атрибуты height="100%" для двух таблиц внутренних надо задать, а чтоб это все работало (браузерам было на основе чего расчитывать эти 100%) то нужно задать height главной таблицы.

У меня та же проблема (только у меня три внутренних таблицы). Указаное решение работает, если нет DOCTYPE, а с DOCTYPE внутренние таблицы сразу поджимаются по высоте своего содержимого, и становятся разной высоты.

Подскажит, как сделать, чтобы все три таблицы, расположенные рядом были одинаковыми по высоте и выравнивались по содержимому самой длинной из них?

[Justnewone]

  olgastaf said:

У меня та же проблема (только у меня три внутренних таблицы). Указаное решение работает, если нет DOCTYPE, а с DOCTYPE внутренние таблицы сразу поджимаются по высоте своего содержимого, и становятся разной высоты.

Подскажит, как сделать, чтобы все три таблицы, расположенные рядом были одинаковыми по высоте и выравнивались по содержимому самой длинной из них?

Сделать одну таблицу, реализовать нужное форматирование через колспан и роусан, например. Или.

Предположу, что доктайп XHTML, соответственно, таблица не имеет атрибута height. Задавайте через CSS

[Searcher]

CSS - это не худой конец

Вас подводит логика. Не стоит сваливать все в одну кучу. html призван описывать только структуру страницы, а css - визуальные и прочие свойства.

То,что вы описали легче делать блоками - меньше тэгов и т.п.

Зачем вам растягивать сам элемент? Если нужно, чтобы визуально казалось, что колонки равны, то к этому и надо стремиться.

Edited March 26, 2009 by Searcher