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

comcon1

Дата 30.9.2007, 17:22 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 838
Регистрация: 11.6.2005
Где: Москва ДАС-МГУ

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

Здравствуйте. Тема поднималась уже, но давно. У меня все работает, вроде.
сайт здесь
Но как тока ставлю DOCTYPE (разные пробовал ставить) сразу перестает работать height=100%. В своей документации HTML4 читал, что хейта в опциях таблицы нет. Как быть??
хочется, чтобы валидатор не ругался, можно ли подобрать DOCTYPE, чтобы это работало.
хочу почистить код, чтобы валидатор не ругался, дык надо определиться с ДОКТАЙПом для начала, а перебираю их - сразу баги.
Заранее спасибо.

--------------------

comcon1 on twitter

SelenIT

Дата 30.9.2007, 18:02 (ссылка)

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

Загрузка ...

баг форума

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

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

comcon1,
1) атрибута height нет, но style="height:100%" разрешен и работает;
2) в стандартном режиме высота body по умолчанию определяется по контенту. Чтобы растянуть его на 100% высоты, нужен

Код


html, body { height: 100%; }

Тогда и в стандартном режиме style="height:100%" у таблицы будет работать как надо.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

comcon1

Дата 30.9.2007, 18:06 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 838
Регистрация: 11.6.2005
Где: Москва ДАС-МГУ

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

спасибо!! ща попробую и отпишусь)))

--------------------

comcon1 on twitter

morfus

Дата 2.10.2007, 03:33 (ссылка)

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

Загрузка ...

Шустрый

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

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

DOCTYPE strict HTML

Код


<style type="text/css">
html, body, table{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
table td {
    vertical-align: middle;
    text-align: center;
}
</style>

<table>
    <tr>
        <td>Я большой и страшный</td>
    </tr>
</table>

Это сообщение отредактировал(а) morfus - 2.10.2007, 03:35

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