Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Растяжение таблицы на 100% по высоте

Автор: Levsha 24.7.2007, 20:38

Вот элементарный код

Код

<html>
<head>
<title>Пример</title>
</head>
<body>
<table>
<tr><td bgcolor="#99CCFF">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></td>
<td bgcolor="#00FFFF" style="height:100%">
<table style="height:100%; border:solid; border-width:1px;">
<tr><td height="100%" bgcolor="#FFFF00">1</td></tr>
<tr><td height="100%" bgcolor="#CCFFFF">2</td></tr>
</table>
</td></tr>
</table>
</body>
</html>

Как растянуть внутренню таблицу на 100% по высоте?

Автор: Entwickler 24.7.2007, 20:50

Цитата

перенеси style="height:100%" в <table>. в <td> он никчему. И так же с внутринней таблицей. Поуберай style="height:100%" из всех <td> они и так 100% будут если у тебя других ТД больше нет.

Код


<html>
<head>
<title>Пример</title>
</head>
<body>
<table style="height:100%">
<tr><td bgcolor="#99CCFF">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></td>
<td bgcolor="#00FFFF" >
<table style="height:100%; border:solid; border-width:1px;">
<tr><td bgcolor="#FFFF00">1</td></tr>
<tr><td bgcolor="#CCFFFF">2</td></tr>
</table>
</td></tr>
</table>
</body>
</html>

вот так посмотри... или ты не то имел в виду?

Автор: SelenIT 24.7.2007, 20:56

AFAIK, никак, тем более кроссбраузерно. Проценты могут наследоваться только от явно заданной (хоть в процентах, хоть как) высоты родителя. А две стопроцентные tr-ки в стопроцентной же таблице - вообще неоднозначная конструкция, точно помню, что какой-то из браузеров удваивал общую высоту в этом случае. В IE можно использовать expression, а в прочих... лично я не вижу выхода, кроме как использовать javascript...

Автор: Levsha 25.7.2007, 09:36

Entwickler, спасибо. Не совсем то, внешняя таблица не должна быть 100% по высоте. Но это я исправил... Всполнил все азы...

Добавлено через 1 минуту и 41 секунду
SelenIT, да я ориентируюсь в общем на IE и Opera.

Автор: sssergius 31.7.2007, 22:00

Я только добавил фиксированные размеры для внешней таблицы

Код


<table width="500px" height="100px">
  <tr>
    <td bgcolor="#99CCFF">a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></td>
    <td bgcolor="#00FFFF">

      <table style="height:100%; border:solid; border-width:1px;">
        <tr>
          <td bgcolor="#FFFF00">1</td>
        </tr>
        <tr>
          <td bgcolor="#CCFFFF">2</td>
        </tr>
      </table>

    </td>
  </tr>
</table>

Автор: Levsha 31.7.2007, 22:28

sssergius, да, я так и сделал. Написал height=1