Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > нужно сделать высоту таблицы по высоте родителя


Автор: sanich_ 19.2.2010, 01:17
Решил наконец спросить, ибо каждый раз извращаться с версткой надоело.

Есть табличка, высота и ширина 100%, внутри нее 2 таблички, верхняя имеет фиксированную ширину, а нижняя табличка должна иметь оставшуюся высоту до конца страницы, что у и не получается.

вот простецкую страничку напросал:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
<tr><td>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100"><tr><td>верхняя таблица с  фиксированной высотой 100pix</td></tr></table>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%"><tr><td>нижняя таблица, нужно чтобы ее высота была до низа, если поставить высоту 100%, то высота таблицы становится равной высоте экрана и появляется вертикальная прокрутка, если размер не ставить, то высота выравнивается по содержимому таблицы</td></tr></table>
</td></tr>
</table>
</body>
</html>


Прошу решить эту проблему простым решением.

Автор: Violator 19.2.2010, 02:21
Код

  <table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
    <tr>
      <td height="100">
        <table height="100%" cellpadding="0" cellspacing="0" border="1" width="100%">
          <tr>
            <td>верхняя таблица с  фиксированной высотой 100pix</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
          <tr>
            <td>нижняя таблица, нужно чтобы ее высота была до низа, если поставить высоту 100%, то высота таблицы становится равной высоте экрана и появляется вертикальная прокрутка, если размер не ставить, то высота выравнивается по содержимому таблицы</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

Автор: sanich_ 20.2.2010, 09:31
Цитата(Violator @ 19.2.2010,  02:21)
Код

  <table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
    <tr>
      <td height="100">
        <table height="100%" cellpadding="0" cellspacing="0" border="1" width="100%">
          <tr>
            <td>верхняя таблица с  фиксированной высотой 100pix</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
          <tr>
            <td>нижняя таблица, нужно чтобы ее высота была до низа, если поставить высоту 100%, то высота таблицы становится равной высоте экрана и появляется вертикальная прокрутка, если размер не ставить, то высота выравнивается по содержимому таблицы</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

Вариант с разбиением главной таблицы не пойдет, ячейка главной внешней таблицы - это зачастую центр страницы, т.е. я имею ввиду, что есть левая, правая колонка, и центр, так вот центр - это неделимая ячейка, внутри этой ячейки бывает разный контент, внутри центра я все это реализую в виде таблиц

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)