Растянуть по высоте

06.03.2007, 10:05. **Показов** 4489. **Ответов** 13

Author24 — интернет-сервис помощи студентам

Хочется, чтобы страница занимала по высоте все окно браузера. По ширине работает вот такой фрагмент, например:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
Следовательно в высоту должен растягивать этот:
<table width="1000" height="100%" border="0" cellspacing="0" cellpadding="0" >
Но не растягивает: занимат только высоту по окончание текста, а дальше оставляет пустой экран.
Что я не так делаю? :(

@Shunpes · 06.03.2007, 11:25

какой доктайп указан у страницы?

06.03.2007, 11:40

доктайп:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

задание height="100%" у всех таблиц на странице не помогает

@c))) · 06.03.2007, 11:54

в спецификации html 4.01 для таблиц не предусмотрен height, только width

06.03.2007, 12:08

Намекаете, что все страницы будут в любом случае "короткой" высоты?
Почему тогда мне таких в инете не встречалось? У всех все по высоте занято :(
Какие еще могут быть варианты достичь требующегося эффекта?

@c))) · 06.03.2007, 12:22

Атрибут height не предусмотрен спецификацией для элемента table, но предусмотрен для элемента td.

dima5ty это написал еще в первом посте!

06.03.2007, 12:36

Не нервничайте, я написала, что не помогает, потому и прошу еще варианты.

@c))) · 06.03.2007, 12:50

@NochoN · 06.03.2007, 13:05

это должна быть первая ячейка первой таблицы
Может быть Вы для вложенной таблицы пытаетесь установить height="100%"?

06.03.2007, 13:19

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ygutjy</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content=">
<meta name="description" content=">
<li>
</head>

<body bgcolor="#C4E5F8">
<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF">
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="3"><table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"></td>
<td width="6"></td>
<td background="Images/bonfill.gif" ><div>[URL="негвенг.html">нгнгыекг</a></div></td>
<td width="6"></td>
<td width="6"></td>
<td width="6"></td>
<td background="Images/boffill.gif" >[URL="news.html">cgyujty</a></td>
<td width="6"></td>
<td width="6"></td>
<td width="6"></td>
<td background="Images/boffill.gif" ><div>[URL="екнгыкенг.html">нгыекг</a></div></td>
<td width="6"></td>
<td width="6"></td>
<td width="6"></td>
<td background="Images/boffill.gif" ><div>[URL="кенык.html">кеныкен</a></div></td>
<td width="6"></td>
<td width="6"></td>
<td width="6"></td>
<td background="Images/boffill.gif" ><div>[URL="кен.html">кеныкнг</a></div></td>
<td width="6"></td>
<td></td>
</tr>
<tr bgcolor="#C4E5F8">
<td colspan="21"> </td>
</tr>
<tr>
<td colspan="21"></td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2" bgcolor="EEEEEE" > </td>
<td >[URL="index.html">лорнжщн</a></td>
<td rowspan="2" bgcolor="EEEEEE"> </td>
</tr>
<tr>
<td class="page-text"><div>
<p>lkjujp;pok</p>
<p>l;iupij</p>
<p>ждлогзшг</p>
</div></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

Спасибо за ответы!
Думаю с кодом будет понятнее. В центральной части будет находится основное содержание страницы. Как ее сделать в высоту 100%?

@ritvec · 06.03.2007, 13:33

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle">bla bla bla</td>
</tr>
</table>
</body>
</html>

@fpiiwoi · 06.03.2007, 13:47

Ну если прам в вашем коде... тогда так.

1. Вместо
<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF">
<table width="1000" height="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF">

2. Вместо
<td class="page-text">
<td class="page-text">

Хотя код код мог быть и почище ;)

07.03.2007, 14:01

Я не волшебник :( , я только учусь...
С такими дополнениями стал тянуться, только все внутренности поползли. Доработаю.
Спасибо!

@Mav · 08.03.2007, 14:15

Чтобы таблица вытянулась на 100% высоты БОДИ, нужно у БОДИ указать 100% высоты

Вместо
<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF">

нужно в стилях написать

html, body {height:100%;}
table.box {
height:100%;
width:1000px;
border-collapse:collapse;
background-color:#FFFFFF;
border:0;
}
table.box td {padding:0;}

а в БОДИ:

<table class="box" align="center">
<tr><td>....

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

bubtes
		1
	Растянуть по высоте 06.03.2007, 10:05. Показов 4489. Ответов 13 Метки нет (Все метки) Хочется, чтобы страница занимала по высоте все окно браузера. По ширине работает вот такой фрагмент, например: <table width="100%" border="0" cellspacing="0" cellpadding="0"> Следовательно в высоту должен растягивать этот: <table width="1000" height="100%" border="0" cellspacing="0" cellpadding="0" > Но не растягивает: занимат только высоту по окончание текста, а дальше оставляет пустой экран. Что я не так делаю? :(

@Shunpes Регистрация: 25.02.2006 Сообщений: 50
	06.03.2007, 11:25	2
	какой доктайп указан у страницы? 0

bubtes
	06.03.2007, 11:40	3
	доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> задание height="100%" у всех таблиц на странице не помогает

@c))) Регистрация: 17.04.2006 Сообщений: 154
	06.03.2007, 11:54	4
	в спецификации html 4.01 для таблиц не предусмотрен height, только width 0

bubtes
	06.03.2007, 12:08	5
	Намекаете, что все страницы будут в любом случае "короткой" высоты? Почему тогда мне таких в инете не встречалось? У всех все по высоте занято :( Какие еще могут быть варианты достичь требующегося эффекта?

@c))) Регистрация: 17.04.2006 Сообщений: 154
	06.03.2007, 12:22	6
	Атрибут height не предусмотрен спецификацией для элемента table, но предусмотрен для элемента td. dima5ty это написал еще в первом посте! 0

bubtes
	06.03.2007, 12:36	7
	Не нервничайте, я написала, что не помогает, потому и прошу еще варианты.

@c))) Регистрация: 17.04.2006 Сообщений: 154
	06.03.2007, 12:50	8
	<html> <body> <div>text</div> </body> </html> 0

@NochoN Регистрация: 01.08.2006 Сообщений: 729
	06.03.2007, 13:05	9
	это должна быть первая ячейка первой таблицы Может быть Вы для вложенной таблицы пытаетесь установить height="100%"? 0

bubtes
	06.03.2007, 13:19	10
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>ygutjy</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content="> <meta name="description" content="> <li> </head> <body bgcolor="#C4E5F8"> <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF"> <tr> <td colspan="3"></td> </tr> <tr> <td colspan="3"><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10"></td> <td width="6"></td> <td background="Images/bonfill.gif" ><div>[URL="негвенг.html">нгнгыекг</a></div></td> <td width="6"></td> <td width="6"></td> <td width="6"></td> <td background="Images/boffill.gif" >[URL="news.html">cgyujty</a></td> <td width="6"></td> <td width="6"></td> <td width="6"></td> <td background="Images/boffill.gif" ><div>[URL="екнгыкенг.html">нгыекг</a></div></td> <td width="6"></td> <td width="6"></td> <td width="6"></td> <td background="Images/boffill.gif" ><div>[URL="кенык.html">кеныкен</a></div></td> <td width="6"></td> <td width="6"></td> <td width="6"></td> <td background="Images/boffill.gif" ><div>[URL="кен.html">кеныкнг</a></div></td> <td width="6"></td> <td></td> </tr> <tr bgcolor="#C4E5F8"> <td colspan="21"> </td> </tr> <tr> <td colspan="21"></td> </tr> </table></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td rowspan="2" bgcolor="EEEEEE" > </td> <td >[URL="index.html">лорнжщн</a></td> <td rowspan="2" bgcolor="EEEEEE"> </td> </tr> <tr> <td class="page-text"><div> <p>lkjujp;pok</p> <p>l;iupij</p> <p>ждлогзшг</p> </div></td> </tr> <tr> <td colspan="3"></td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html> Спасибо за ответы! Думаю с кодом будет понятнее. В центральной части будет находится основное содержание страницы. Как ее сделать в высоту 100%?

	08.03.2007, 14:15

@ritvec Регистрация: 04.05.2006 Сообщений: 21
	06.03.2007, 13:33	11
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="100%" height="100%" border="0"> <tr> <td align="center" valign="middle">bla bla bla</td> </tr> </table> </body> </html> 0

@fpiiwoi Регистрация: 09.12.2006 Сообщений: 411
	06.03.2007, 13:47	12
	Ну если прам в вашем коде... тогда так. 1. Вместо <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF"> <table width="1000" height="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF"> 2. Вместо <td class="page-text"> <td class="page-text"> Хотя код код мог быть и почище ;) 0

bubtes
	07.03.2007, 14:01	13
	Я не волшебник :( , я только учусь... С такими дополнениями стал тянуться, только все внутренности поползли. Доработаю. Спасибо!

@Mav Регистрация: 10.04.2005 Сообщений: 864
	08.03.2007, 14:15	14
	Чтобы таблица вытянулась на 100% высоты БОДИ, нужно у БОДИ указать 100% высоты Вместо <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="FFFFFF"> нужно в стилях написать html, body {height:100%;} table.box { height:100%; width:1000px; border-collapse:collapse; background-color:#FFFFFF; border:0; } table.box td {padding:0;} а в БОДИ: <table class="box" align="center"> <tr><td>.... 0