VPF::нужно сделать высоту таблицы по высоте родителя

sanich_

Дата 19.2.2010, 01:17 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 2.3.2008

Репутация: нет
Всего: нет

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

Есть табличка, высота и ширина 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 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

Код


  <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 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 2.3.2008

Репутация: нет
Всего: нет

Цитата(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>

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »