Предыдущая тема :: Следующая тема |
Автор |
Сообщение |
пып
Зарегистрирован: 31.05.2006 Сообщения: 10
|
Добавлено: Пн Июн 12 2006 19:20 Заголовок сообщения: :HTML: А вот бы всегда работало <table height="100%"> ! :) |
|
|
Если написать вот так, то ничего путного не получится
Код: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center">height="100%"</td>
</tr>
</table>
</body>
</html> |
Зато если вот так (изменено описание DOCTYPE) то таблица приятно ресайзится по высоте (позволяя прижать что-нибудь к низу без заморочек)
Код: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>
<html>
<head>
</head>
<body>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center">height="100%"</td>
</tr>
</table>
</body>
</html> |
Спрашивается, почему же такое дело? |
|
Вернуться к началу |
|
|
Axon
Зарегистрирован: 31.05.2006 Сообщения: 17 Откуда: Екатеринбург
|
Добавлено: Вт Июн 13 2006 09:27 Заголовок сообщения: |
|
|
именно из-за DOCTYPE
Подробнее не могу сказать. Читайте спецификацию HTML, если очень любопытно. |
|
Вернуться к началу |
|
|
пып
Зарегистрирован: 31.05.2006 Сообщения: 10
|
Добавлено: Вт Июн 13 2006 11:12 Заголовок сообщения: |
|
|
На сайте Александра Шуркаева "Заметки HTML кодера" обнаружил интересную статью по теме: http://htmlcoder.visions.ru/CSS/?22. Применяя предложенный там подход можно сделать так:
Код: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
html,body{
height:100%;
margin:0px;
padding:0px
}
.fullpage {
width:100%;
height:100%;
}
</style>
</head>
<body>
<table class="fullpage" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">top</td>
</tr>
<tr>
<td align="center">height="100%"</td>
</tr>
<tr>
<td align="center" valign="bottom">bottom</td>
</tr>
</table>
</body>
</html> |
Здесь кроме того, что было в исходном примере, добавлены строки с текстом top и bottom. Без них получаем то, про что в начале шла речь - таблицу на полную высоту. А эти строки для иллюстрации того, как можно сделать, чтобы текст bottom прикреплялся к низу окна браузера, если на странице есть для этого пустое пространство. Если же текста много, места пустого внизу нет, то просто как обычно скроллер и bottom - строка в конце страницы, уже к бордюру экрану не прикрепленная.
Насколько я понял А. Шуркаева, данное решение к тому же кроссбраузерное. В IE я попробовал - фунциклирует, если у кого будет время и желание попробовать на Opera и FireFox, напишите пожалуйста, все ли выходит так же. |
|
Вернуться к началу |
|
|
Neeoon
Зарегистрирован: 19.11.2004 Сообщения: 173 Откуда: Ukraine
|
Добавлено: Вт Июн 13 2006 13:39 Заголовок сообщения: |
|
|
проверил в Opera 9.0, FireFox 1.5, Mozilla 1.7.12 и Netscape 7.0, работает везде если будет это: html,body{ height:100%;} _________________ Всё, что ни делается, - всё к лучшему! |
|
Вернуться к началу |
|
|
пып
Зарегистрирован: 31.05.2006 Сообщения: 10
|
Добавлено: Вт Июн 13 2006 15:45 Заголовок сообщения: |
|
|
Спасибо, Neeoon! |
|
Вернуться к началу |
|
|
|