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

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана

Модерирует : Cheery

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

Открыть новую тему     Написать ответ в эту тему

xntx



хнотик-багоискатель		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
люди, и все-таки, как проблема решается?
делаю:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
</head>
<body>
<table style="height:100%; width: 100%; border: 1px Solid Black;">
<tr>
<td style="height:100%; width: 100%; border: 1px Dashed Black;">test?</td>
</tr>
</table>
</body>
</html>

и все браузеры ноль на массу... абыдна

----------
Hello world!
Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 20:37 13-06-2005
vladmir

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
html,body{height:100%; width:100%;margin:0;padding:0}
table{height:100%;width:100%;border:1px solid #000}
td{border:1px dashed #000}
</style>
<title>titled</title>
</head>
<body>
<table>
<tr>
<td>
- Пеpед вами таваpищи удав, от головы до хвоста 12 метpов,
а от хвоста до головы один метp...<br>
- Товаpищ экскуpсовод, как-же это...<br>
- Объясняю... От янваpя до декабpя 12-ть месяцев,
а от декабpя до янваpя один месяц...
</td>
</tr>
</table>
</body>
</html>
Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 23:36 02-07-2005
UncleYurka

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно еще тремя фреймами это дело сварганить
Я, собственно, так и сделал:
код не привожу, ваял в Macromedia.
Всего записей: 85 | Зарегистр. 12-07-2004 | Отправлено: 16:38 01-08-2005
GeMir



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

Цитата:
<style type="text/css">  
html,body{height:100%; width:100%;margin:0;padding:0}  
table{height:100%;width:100%;border:1px solid #000}  
td{border:1px dashed #000}  
</style>
 
Работает в Internet Explorer, Mozilla Firefox, Opera и Netscape - большое спасибо!
Всего записей: 10302 | Зарегистр. 15-02-2004 | Отправлено: 03:49 16-12-2005
GeMir



Ich finde dich		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Хм... Однако решая одни проблемы, создаём другие...
Особенно в Firefox, если попробовать добавить в таблицу строчку...
Всего записей: 10302 | Зарегистр. 15-02-2004 | Отправлено: 16:28 16-12-2005
Shumiloff



Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GeMir
Подробнее, пожалуйста о проблемах с FF?
Всего записей: 256 | Зарегистр. 07-08-2005 | Отправлено: 22:05 16-12-2005
GeMir



Ich finde dich		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Shumiloff
Извини - слишком долго описывать - проще показать, но страницу пробную я уже удалил.
В итоге же вернулся к стандартной таблице:

Код:
<table width="700" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">

А в последней строчке просто установил height в 500 px:

Код:
<td height="500" colspan="6" align="left" valign="top" nowrap="nowrap" background="Design/Background_T.jpg">

"Дёшево и сердито", потому не так красиво как хотелось бы, но зато работает везде...
Всего записей: 10302 | Зарегистр. 15-02-2004 | Отправлено: 00:56 17-12-2005 | Исправлено: GeMir, 00:57 17-12-2005
Andy_Solo



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня style="HEIGHT: 100%" срабатывает при
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,
 
а мне надо чтобы срабатывало при
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
Как этого добиться без включения в текст <style>, а применяя отдельные CSS?
Всего записей: 539 | Зарегистр. 06-08-2003 | Отправлено: 23:44 23-02-2006 | Исправлено: Andy_Solo, 23:56 23-02-2006
Apart

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня height=100% стабильно работает несколько лет. Просто действительно, видимо, DTD нужно правильно указывать.
Всего записей: 409 | Зарегистр. 10-05-2005 | Отправлено: 17:01 24-02-2006
Andy_Solo



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

Цитата:
У меня height=100% стабильно работает несколько лет. Просто действительно, видимо, DTD нужно правильно указывать.

 
Это генерирует Borland Developer Studio 2006:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
А это генерирует Microsoft Visual Studio 2005:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 
В BDS 2006 у меня все работает. Хочу повторить это для MSVS 2005, не изменяя ее DTD.
Всего записей: 539 | Зарегистр. 06-08-2003 | Отправлено: 20:03 24-02-2006
eneq

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нашел топик  "Opera height=100%" - закрытый в пользу этого.
Проблема в том, что OPERA не делает высоту ячейки=100% во вложенной таблице.
 
Подробнее см.:
http://forum.ru-board.com/topic.cgi?forum=31&topic=9565&start=0
 
Решение:
Для <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
Надо сделать:
 
1. Для <td> основной таблицы height="100%" ( в котором лежит вложенная таблица)
2. height="100%" для самой вложенной таблицы в <table>.
 
Здесь у IE все работает как надо, но в Опере по прежнему нет.
 
И последнее для Оперы:
3. Для <tr> основной таблицы height="100%"  !!!
 
В примере из топика "Opera height=100%":
---
<table>  
<tr>  
<td bgcolor="green">
---
 
заменить на:
---
<table>  
<tr height="100%">  
<td bgcolor="green">
---
 
Ну и лучше продублировать тоже самое через: style="height:100%;"
Всего записей: 5 | Зарегистр. 14-12-2005 | Отправлено: 21:08 24-02-2006
Mira



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
люди, подскажите пожалуйста как растянуть таблицу по высоте.не буду жаловаться сьезжать что не я накодил, это все не важно, важно то что ыб работала, передомной стоит такая задача, а вот сам, без вашей помощи пока не "доеду"
кординально менять незя, так как серверные контролы асп.нета могут полететь.
 
если кто подскажет решение. буду очень сильно благодарен.
нужно что бы синяя пунктирная линия достигала нижней зеленой.
 
еще раз спасибо.
 
Подробнее...
Всего записей: 1627 | Зарегистр. 25-11-2003 | Отправлено: 17:29 27-02-2006
Mira



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вот что значит не создавать новую тему. никто и не ответит. а модераторы еще и ругаются....
 
простите за офтоп, высказал свое мнение.
Всего записей: 1627 | Зарегистр. 25-11-2003 | Отправлено: 11:07 28-02-2006
Floxx



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Height="100%" работает, но
 
как только пытаюсь ту же таблицу еще по ширине отцентрировать, сразу все пропадает и никакой  высоты 100%
 
что же делать?
 
кста, в эксплорере работает даже отцентрированная по ширине, а вот в Опере нифига,
или высота 100% или таблица в центре по ширине.
Дело ясное, что дело темное
Всего записей: 51 | Зарегистр. 22-03-2006 | Отправлено: 15:54 18-05-2006 | Исправлено: Floxx, 16:05 18-05-2006
ShafMAN

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Floxx
Ну вот это работает нормально и в Опере и в FF  или не то?

Код:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
...
<table border=1 width="800px"  height="100%" align="center">
 <tr>
  <td>
  center
  </td>
 </tr>
</table>
 
Всего записей: 125 | Зарегистр. 09-01-2005 | Отправлено: 07:14 19-05-2006
Floxx



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Заработало...Спасибо...)))
Всего записей: 51 | Зарегистр. 22-03-2006 | Отправлено: 12:47 19-05-2006
hABi2aL



Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Братцы, а как быть если у меня в той строчке, что посередине и имеет стиль  
этот 100% высоты есть див в тэдэшке?
я хочу чтобы снизу был футер, сверху шапка, а этот див скролился?
без джаваскрипта что, не обойтись? который бы определял высоту клиента и задавал развер диву по высоте?
Всего записей: 40 | Зарегистр. 27-10-2005 | Отправлено: 19:53 24-10-2006
Brodyaga



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

Код:
<div style='height:500px;overflow:auto;'>собсно текст</div>


----------
Damn Metal
Всего записей: 2713 | Зарегистр. 07-01-2006 | Отправлено: 20:07 24-10-2006
hABi2aL



Junior Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
ну да, если зафиксить высоту у дива - канает
 
а если не фиксить - так нельзя?
чтоп падла сам определял - хватает ему места или нет?



Без бульварного сленга, плиз /Cheery/
Всего записей: 40 | Зарегистр. 27-10-2005 | Отправлено: 20:20 24-10-2006 | Исправлено: Cheery, 20:21 24-10-2006
Brodyaga



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

Код:
<div style='height:100%;overflow:auto;'>собсно текст</div>

И как верно заметил Cheery, пишите "парусске", ничего не понятно.

----------
Damn Metal
Всего записей: 2713 | Зарегистр. 07-01-2006 | Отправлено: 20:36 24-10-2006
Открыть новую тему     Написать ответ в эту тему

Страницы: 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-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru