Не верная высота колонок

bruder · Отправлено: **00:10, 23-06-2008** | #2

а кто будет для нижних колонок высоту задавать? поэтому и разные.

Qwe1 · Конфигурация компьютера

Нижние должны заливаться фоном и растягиваться вниз по содержимому. Если я укажу для них height="100%" в IE6 ничего не меняется, а в FF становится также не верно. Только в Опера по-прежнему отображает также.

Костэн · Отправлено: **00:54, 23-06-2008** | #4

Qwe1, видимо в разных браузерах вывод новых строк с помощью тега <br> происходит по разному. Если применяется данный тег, то размеры таблицы ему поддаются, не смотря на строгость заданного значения.

Qwe1 · Конфигурация компьютера

В центральной ячейке, вместо <br>, должна быть основная информация: текст, другие таблицы и т.д. Я заменил все <br> на текст и убрал высоту для нижних ячеек - ничего не изменилось.
А как по-другому сделать такую таблицу?

bruder · Отправлено: **01:03, 23-06-2008** | #6

растягивать таблицу неблагодарное дело. Потому что расчитывание высоты в таблице и дивах отличаются в корне. Поэтому помучившись люди рано или поздно переходят на дивы. Хотя во многих случаях таблица незаменима. Попробуйте растянуть таблицу на сто процентов а для столбца который должен рстягиватся вместе просто высоту большую чем 100

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html><head><title>untitled document</title>
<meta http-equiv=content-type content="text/html; charset=utf-8">
<style type=text/css>
html {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 100%
}
body {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 100%
}
table {
	height: 100%
}
</style>

<meta content="mshtml 6.00.2900.5512" name=generator></head>
<body>
<table cellspacing=0 cellpadding=0 width="50%" align=center border=1>
  <tbody>
  <tr>
    <td width=50 height=100>1 </td>
    <td rowspan=2>2 </td>
    <td width=50 height=100>3 </td></tr>
  <tr>
    <td width=50 height=200>4 </td>
    <td width=50 height=200>5</td></tr></tbody></table></body></html>

Qwe1 · Конфигурация компьютера

Конкретно в этом примере все как надо, но мне 100% высота таблицы не нужна и с высотой растягивающейся ячейки не совсем то, что надо: невозможно точно знать какую выоту задавать, ведь если контента будет много, то высота в 200 не спасет (будет тоже самое), а если задать, к примеру, 500, то при малом кол-ве информации будет много места ну и т.д.
1) может быть, объединив боковые ячейки вертикально, вставить в в них по таблице с двумя строками? Первая (верхняя) ячейка будет фиксированная, вторая (нижняя) растягиваться вниз? Это возможно?
2) Тоже, что п.1, только вместо таблиц вставить два <div>, верхний фиксированный, нижний бы растягивался. Такое возможно? Как эту растяжку осуществить?

Костэн · Отправлено: **03:16, 23-06-2008** | #8

Может быть это тебе хоть как то поможет

Как закончишь наполнять их информацией, остаётся подравнять размеры до полной гармонии.

<table border=1 cellspacing=0 cellpadding=0 align=center>
<tr>
<td align=left>
<table border=1 align=center>
<tr>
<td>Левая колонка</td>
</tr>
</table>
</td>
<td align=center>
<table border=1 align=center>
<tr>
<td>Центральная колонка</td>
</tr>
</table>
</td>
<td align=right>
<table border=1 align=center>
<tr>
<td>Правая колонка</td>
</tr>
</table>
</td>
</tr>
</tr>
</table>