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

Qwe1 · Сообщение **Qwe1** » 23 июн 2008, 00:01

В таблице есть колонки для которых высота жестко задана. В FF и O все нормально, а в IE6 размер этих колонок больше раза в 3. Почему и как это исправить?

HTML код:

Код: Выделить всё

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background: #efeff1;
	margin: 0px;
	padding: 0px;
}
-->
</style>
</head>
<body>
<br><br><br><br>
<table width="50%" border="1" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="50" height="100"> </td>
    <td rowspan="2" bgcolor="#FFFFFF">
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br>
    </td>
    <td width="50" height="100"> </td>
  </tr>
  <tr>
    <td width="50"> </td>
    <td width="50"> </td>
  </tr>
</table>
<br><br><br><br>
</body>
</html>

bruder · Сообщение **bruder** » 23 июн 2008, 00:01

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

Qwe1 · Сообщение **Qwe1** » 23 июн 2008, 00:21

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

Костэн

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

Qwe1 · Сообщение **Qwe1** » 23 июн 2008, 00:59

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

А как по-другому сделать такую таблицу?

bruder · Сообщение **bruder** » 23 июн 2008, 00:59

растягивать таблицу неблагодарное дело. Потому что расчитывание высоты в таблице и дивах отличаются в корне. Поэтому помучившись люди рано или поздно переходят на дивы. Хотя во многих случаях таблица незаменима. Попробуйте растянуть таблицу на сто процентов а для столбца который должен рстягиватся вместе просто высоту большую чем 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 · Сообщение **Qwe1** » 23 июн 2008, 01:48

Конкретно в этом примере все как надо, но мне 100% высота таблицы не нужна и с высотой растягивающейся ячейки не совсем то, что надо: невозможно точно знать какую выоту задавать, ведь если контента будет много, то высота в 200 не спасет (будет тоже самое), а если задать, к примеру, 500, то при малом кол-ве информации будет много места ну и т.д.

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

2) Тоже, что п.1, только вместо таблиц вставить два , верхний фиксированный, нижний бы растягивался. Такое возможно? Как эту растяжку осуществить?

Костэн

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

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

Левая колонка

Центральная колонка

Правая колонка

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

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

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

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

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

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

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

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

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