Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Растяжение таблицы на 100% по высоте, старею, забыл... 
:(
    Опции темы
Levsha
Дата 24.7.2007, 20:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Вот элементарный код 
Код
<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% по высоте?


--------------------
PM   Вверх
Entwickler
Дата 24.7.2007, 20:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата

<td bgcolor="#00FFFF" style="height:100%">

перенеси 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>

вот так посмотри... или ты не то имел в виду?
PM MAIL   Вверх
SelenIT
Дата 24.7.2007, 20:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



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


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Levsha
Дата 25.7.2007, 09:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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


--------------------
PM   Вверх
sssergius
Дата 31.7.2007, 22:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



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

Код

<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>

PM MAIL   Вверх
Levsha
Дата 31.7.2007, 22:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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


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


 




[ Время генерации скрипта: 0.0563 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.