Запарка с таблицей

12
DM
На сайте с 15.08.2005
Offline
43
1760

Вы, возможно, улыбнетесь, но недавно у меня вызвала трудность следующая задача:

Нужно было растянуть таблицу по вертикали на 100%.

Поставил height="100%" - не помогло.

(Смотрел в Opera и IE)

Попытался прописать в css:

html,body{

height:100%;
margin:0px;
padding:0px
}

- не подействовало.

Я, ничего не понимая, стал искать страницы в сети, которые растягиваются по вертикали не засчет картинок, текста и тд, а подругому.

Нашел, загнал в редакто, и начал удалять лишнее, пока не пришел к виду:


<TABLE height="100%"width="100%">
<TR>
<TD width="100%" height="100%" bgcolor="#9933CC">fnfgngfnfgnfgnf</TD>
</TR>
<TR>
<TD width="100%" height="144" bgcolor="#993333"></TD>
</TR></TABLE>

- работает

Затем, я переношу это на свою страничку -> НЕ РАБОТАЕТ :confused:

Потом понял, что все дело в первых строках.

Для того, чтобы все было хорошо, необходимо следующее:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

А, чтобы ничего не работало (как у меня):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Вот такая история.

P.S.: Работаю в Dreamweaver 2004, именно он и является автором нерабочего варианта для height="100%".

P.S.2: Если кто-нибудь может прокомментировать, буду рад.:)

Поставив овцу на задние ноги вы не сделаете из нее человека.
Но поставив в это положение отару овец, вы сможете получить толпу людей. (М. Бирбом)
antono
На сайте с 12.07.2004
Offline
303
#1

У меня пости такая же история, только без этой строчки браузер не правильно выводил расстояние между <p></p> и <br>, а с ней все нормально. Я еще подумал - что за бесполезная строчка, и удалил ее, а сайт сразу разползся как мокрая бумага. В общем тоже жду комментарии.

4itaz
На сайте с 16.08.2005
Offline
23
#2

хм, комментарии насчет того, использовать или не использовать доктайп?

ну извините :)

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.2

http://www.w3.org/QA/Tips/Doctype

Поддержка сайтов, (http://cpw.ru/support/) оптимизация сайтов, (http://cpw.ru/SEO/) рекламные тексты (http://cpw.ru/copywriting/) ICQ 22-11-94703 Константин Левчук
Dwarf
На сайте с 06.10.2004
Offline
60
#3

http://www.webmascon.com/topics/coding/25a.asp

В зависимости от доктайпа рендерилка бродилок включается либо в Quirks mode, либо в Standard compliance mode. Смотреть туточки.

Деревянные окна (http://www.wood-win.ru/)
Cmit
На сайте с 16.11.2005
Offline
106
#4

Во как! Никогда не задумывался даже об этом. Спасибо за описание, будем знать теперь! :)

куплю ссылки -> оргтехника и близкие тематики. //Оставляйте историю переписки!//
pelvis
На сайте с 01.09.2005
Offline
345
#5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<table width="100%" height="100%" border="0" bgcolor="#0000CC">

<tr>

<td></td>

</tr>

</table>

</body>

</html>

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)
seo-tool
На сайте с 08.12.2005
Offline
20
#6

Да доктайпы они такие! :)

Без них будет работать все (ну в разумных приделах конечно ;))! Но уже как бы будет не совсем по стандарту W3C!

А если заморачиваться серьезно стандартами, то нужно страницы проверять еще и через валидатор: http://validator.w3.org/

http://www.dinews.ru/seo/ (http://www.dinews.ru/seo/) онлайн-сервис для анализа продвижения сайта http://www.dinews.ru/seo/countlinks/ (http://www.dinews.ru/seo/countlinks/) сервис для подсчета количества внутренних и внешних ссылок
pelvis
На сайте с 01.09.2005
Offline
345
#7

seo-tool, так все будет работать

bondarev.pp.ru
На сайте с 29.09.2005
Offline
202
#8
bondarevpipes.com (http://ru.bondarevpipes.com/)
DM
На сайте с 15.08.2005
Offline
43
#9

Спасибо за ссылки и комментарии !!!

Ord
На сайте с 15.11.2005
Offline
175
Ord
#10
<TABLE height="100%"width="100%">
<TR>
<TD width="100%" height="100%" bgcolor="#9933CC">fnfgngfnfgnfgnf</TD>
</TR>
<TR>
<TD width="100%" height="144" bgcolor="#993333"></TD>
</TR></TABLE>

а почему во втором столбце высота 144?

Создаем лучший кулинарный проект, iamcook.ru
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий