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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
bredonosec



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sindel
Цитата:
<table style="height:100%">  
- Ща опробовал - сработало и просто HEIGHT=100% и через стиль. Хотя помню, были случаи, когда не срабатывало.
knyshow2

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

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

Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
bredonosec, ну вот у меня и не сработало - могу даже скрин кинуть...
 

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

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

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



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

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

Всего записей: 16257 | Зарегистр. 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
KADABRA



Великий покусатель
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
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
bredonosec



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

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

Всего записей: 16257 | Зарегистр. 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
KADABRA



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

Цитата:
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
KADABRA



Великий покусатель
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
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

Рейтинг.ru