HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана - [1] :: Web-программирование :: Компьютерный форум Ru.Board

Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4

Открыть новую тему

Написать ответ в эту тему

knyshow2

Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Ребята, столкнулся с такой проблемной.
На странице у меня таблица из трех строк:
1. шапка и меню
2. контент
3. футер с контактами
Нужно чтобы шапка была в самом верху, футер в самом низу, а все свободное мето занимала строка с контентом, а в данный момент у меня получается что если страница заполнена процентов на 50, то футер висит в середине страны (приблизительно).
<TABLE HEIGHT=100%> не помогает. Если указать фиксированное значение, например HEIGHT=1024, то все ОК, но не всегда у людей разрешение 1280*1024.

С этим что-то сделать можно?
Т.е. мне нужно чтобы таблица занимала весь экран, если ее наполение маленькое, ну и занимала чтоль, сколько нужно, если наполение большое.

Банальный вопрос: Как? и Почему?

Подкорректировал название. /Cheery/

Всего записей: 273 | Зарегистр. 02-09-2004 | Отправлено: 13:51 28-12-2004 | Исправлено: Cheery, 05:00 07-02-2005

Sindel

Full Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:

<table style="height:100%">

Всего записей: 559 | Зарегистр. 22-08-2002 | Отправлено: 15:24 28-12-2004

AgPromzona Junior Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Проверь, нет ли у тебя внешней таблицы (той, в которой находится эта таблица) и если она есть, то у нее тоже должно стоять height="100%"
	Всего записей: 59 \| Зарегистр. 04-03-2002 \| Отправлено: 15:31 28-12-2004

knyshow2

Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Sindel, не помогает

AgPromzona, это самая верхняя таблица.

Вот кусок кода с началом этой таблицы:

Код:

<body marginwidth=0 marginheight=0 background=images/skin_background.png cellspacing=0 cellpadding=0 bottommargin=0 topmargin=0 rightmargin=0 leftmargin=0>
<div align=right id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

<table width=100% style="height:100%" align=center border=0 cellspacing=0 cellpadding=0 name=maintable>

Всего записей: 273 | Зарегистр. 02-09-2004 | Отправлено: 15:35 28-12-2004 | Исправлено: knyshow2, 15:36 28-12-2004

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Sindel
Цитата:

<table style="height:100%">

- Ща опробовал - сработало и просто HEIGHT=100% и через стиль. Хотя помню, были случаи, когда не срабатывало.
knyshow2

Цитата:

Т.е. мне нужно чтобы таблица занимала весь экран, если ее наполение маленькое, ну и занимала чтоль, сколько нужно, если наполение большое.

Если не запашет решение от синдела, запихай в тело таблицы справа или слева еще одну ячейку, где растяни прозрачный однопиксельный гиф до минимальной высоты экрана. Например, 600 (800*600), или 768 (1024*768).. Он как распорка будет в таблице.

Всего записей: 16272 | Зарегистр. 13-02-2003 | Отправлено: 15:37 28-12-2004

knyshow2

Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

bredonosec, ну вот у меня и не сработало - могу даже скрин кинуть...

Цитата:

Он как распорка будет в таблице.

Кривовато как-то

((

Всего записей: 273 | Зарегистр. 02-09-2004 | Отправлено: 15:41 28-12-2004

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

Кривовато как-то

- Где-то были скрипты от сварги кажется, определяющие разрешение и в зависимости от этого меняющие высоту таблицы.. (если контента больше, чем указана высота, он все равно растянет), но это тож, насколько помню, было кривоватоое решение, бо жабаскрипт вроде как только для ИЕ, а юзер может открыть браузер в окне неполном, тогда опять не совпадет...

Всего записей: 16272 | Зарегистр. 13-02-2003 | Отправлено: 15:46 28-12-2004

knyshow2 Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору bredonosec, поищем, сенкс
	Всего записей: 273 \| Зарегистр. 02-09-2004 \| Отправлено: 16:26 28-12-2004

BeL9ln

Junior Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

проблема решается просто:

Код:

<table height="100%">
<tr><td>шапка</td></tr>
<tr height="100%"><td>контент</td></tr>
<tr><td>футер</td></tr>
</table>

но самое главное в этом примере, это как ни странно объявление DTD
(см. мой пост http://forum.ru-board.com/topic.cgi?forum=31&topic=6891#1 на который я так и не получил ответа)
поэтому таблица будет растягиваться только если будет включен режим обратной совместимости, например это можно сделать так:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

Всего записей: 99 | Зарегистр. 07-09-2003 | Отправлено: 23:40 02-01-2005

Anwy Junior Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору А почему нельзя просто сделать таблицу 100% первую строчку например 20% а третюю тоже например 20% а всё остальное не среднюю будет...?
	Всего записей: 97 \| Зарегистр. 23-08-2004 \| Отправлено: 02:42 03-01-2005

BeL9ln Junior Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору Anwy можно и так, но тогда шапка и футер будут изменять свою высоту при разных разрешениях, а иногда это не нужно
	Всего записей: 99 \| Зарегистр. 07-09-2003 \| Отправлено: 03:16 03-01-2005

knyshow2

Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

BeL9ln, все заработало, только когда я вообще выкинул все, похожее на

Цитата:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

Всем спасибо, можно закрыть.

Всего записей: 273 | Зарегистр. 02-09-2004 | Отправлено: 11:57 05-01-2005

Putila

Advanced Member

Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

видимо при включении этой фигни в код, браузер (причём только експлорер. опера и мазила это не выполняют) старается lol соблюдать стандарты w3c жёсче. а в этих стандартиах у тэга table нет свойства height. отсюда и результат...

Всего записей: 602 | Зарегистр. 27-04-2003 | Отправлено: 12:13 01-06-2005

Великий покусатель

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Putila

Цитата:

видимо при включении этой фигни в код

Это не фигня, а document type definition
И по скольку table не имеет атрибута height, то можно это сделать иначе, в соответствии со стандартами.

----------
Это не подпись.

Всего записей: 1718 | Зарегистр. 14-07-2003 | Отправлено: 12:31 01-06-2005 | Исправлено: KADABRA, 12:37 01-06-2005

Putila Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору KADABRA приведи примеры пожалуйста.
	Всего записей: 602 \| Зарегистр. 27-04-2003 \| Отправлено: 13:45 01-06-2005

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

но тогда шапка и футер будут изменять свою высоту при разных разрешениях

- Кстати, еще одну возможность вспомнил: выкинуть футер в верхний слой с максимальным з-индексом, обозначением местоположения боттом и скроллингом (на случай, если страница длиннее экрана). Скроллинг обеспечивается жабаскриптом (в теме рядом упоминал)

Всего записей: 16272 | Зарегистр. 13-02-2003 | Отправлено: 14:39 01-06-2005

BarmaLINI Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору <!doctype html public "-//W3C//DTD HTML 4.1 Transitional//EN"> вместо 4.0
	Всего записей: 30 \| Зарегистр. 06-04-2005 \| Отправлено: 14:48 01-06-2005

Великий покусатель

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

4.1

4.01
Putila

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN">
<html>
<head>
<title>Test</title>
</head>
<body style="height: 99%; position: fixed; margin: 0px;">

<table style="height: 100%; width: 100%; margin: 0px; border: 1px solid black;">
<tr><th style="text-align: center; border: 1px solid black; height: 100px;">HEAD</th></tr>
<tr style="height: 100%; position: relative;"><td style="text-align: center; border: 1px solid black;">Main</td></tr>
<tr><td style="text-align: center; border: 1px solid black; height: 100px;">Footer</td></tr>
</table>

</body>
</html>

Работает на FF

----------
Это не подпись.

Всего записей: 1718 | Зарегистр. 14-07-2003 | Отправлено: 15:34 01-06-2005

Putila Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору KADABRA style="height: 100%; " логично ) я так и делал ))
	Всего записей: 602 \| Зарегистр. 27-04-2003 \| Отправлено: 16:34 01-06-2005

Великий покусатель

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Putila

Но вот на ИЕ работает не так, как хотелось бы

----------
Это не подпись.

Всего записей: 1718 | Зарегистр. 14-07-2003 | Отправлено: 17:04 01-06-2005

Открыть новую тему

Написать ответ в эту тему

Страницы: 1 2 3 4

Компьютерный форум Ru.Board » Интернет » Web-программирование » HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC