ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html, нужно сделать высоту таблицы по высоте родителя
10 сообщений из 10, страница 1 из 1
html, нужно сделать высоту таблицы по высоте родителя
    #36478954
sanich
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sanich
Участник
Решил наконец спросить, ибо каждый раз извращаться с версткой надоело.

Есть табличка, высота и ширина 100%, внутри нее 2 таблички, верхняя имеет фиксированную ширину, а нижняя табличка должна иметь оставшуюся высоту до конца страницы, что у и не получается.

вот простецкую страничку напросал:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
<tr><td>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100"><tr><td>верхняя таблица с  фиксированной высотой 100pix</td></tr></table>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%"><tr><td>нижняя таблица, нужно чтобы ее высота была до низа, если поставить высоту  100 %, то высота таблицы становится равной высоте экрана и появляется вертикальная прокрутка, если размер не ставить, то высота выравнивается по содержимому таблицы</td></tr></table>
</td></tr>
</table>
</body>
</html>

Прошу решить эту проблему простым решением.
...
Рейтинг: 0 / 0
19.02.2010, 01:15:24
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36479021
Фотография Master4
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Master4
Участник
sanich,
автор, я перечитал многократно ваш текст и так ничего и не понял.
авторнижняя табличка должна иметь оставшуюся высоту до конца страницы
А где конец страницы?
авторнижняя таблица, нужно чтобы ее высота была до низа
До какого низа?
авторесли размер не ставить, то высота выравнивается по содержимому таблицы
Так вам нужно сделать фиксированный размер таблицы и что-бы менялась по содержимому?
Может css:table-layout поможет?
...
Рейтинг: 0 / 0
19.02.2010, 04:31:41
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36479046
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%">
<tr><td height="100">
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%" ><tr><td>верхняя таблица с  фиксированной высотой 100pix</td></tr></table>
</td></tr>
<tr><td>
<table cellpadding="0" cellspacing="0" border="1" width="100%" height="100%"><tr><td>нижняя таблица, нужно чтобы ее высота была до низа, если поставить высоту  100 %, то высота таблицы становится равной высоте экрана и появляется вертикальная прокрутка, если размер не ставить, то высота выравнивается по содержимому таблицы</td></tr></table>
</td></tr>
</table>
</body>
</html>
правда давно пора забыть мне кажется про всякие там свойства типа width, height...для этого лучше пользоваться стилями
...
Рейтинг: 0 / 0
19.02.2010, 06:51:34
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36479053
Фотография Master4
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Master4
Участник
EmilRegis
правда давно пора забыть мне кажется про всякие там свойства типа width, height...для этого лучше пользоваться стилями

Согласен. Экономия текста, всё аккуратненько отсортировано в файле стилей, и вообще CSS очень полезная и удобная.
...
Рейтинг: 0 / 0
19.02.2010, 07:04:29
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36481146
sanich
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sanich
Участник
Master4sanich,
автор, я перечитал многократно ваш текст и так ничего и не понял.
авторнижняя табличка должна иметь оставшуюся высоту до конца страницы
А где конец страницы?
авторнижняя таблица, нужно чтобы ее высота была до низа
До какого низа?
авторесли размер не ставить, то высота выравнивается по содержимому таблицы
Так вам нужно сделать фиксированный размер таблицы и что-бы менялась по содержимому?
Может css:table-layout поможет?

Низ страницы - визуальный конец области окна браузера

Вариант с разбиением главной таблицы не пойдет, ячейка главной внешней таблицы - это зачастую центр страницы, т.е. я имею ввиду, что есть левая, правая колонка, и центр, так вот центр - это неделимая ячейка, внутри этой ячейки бывает разный контент, внутри центра я все это реализую в виде таблиц
...
Рейтинг: 0 / 0
20.02.2010, 09:30:57
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36481277
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sanich , таки дай тогда нормальный тестовый пример, а не тот что выше...
...
Рейтинг: 0 / 0
20.02.2010, 13:23:58
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36481982
neznau
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
neznau
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
.quertyTable {
	width: 100 %;
	height: 100 %;
	border:10px solid red;
	border-spacing: 0 ;
	padding: 0 ;
	outline:none;
	border-collapse:collapse;
}
body {
	margin: 0 ;
	padding: 0 ;
}
</style>
</head><body>
<table class="quertyTable">
	<tr><td>
		<table class="quertyTable" style="border:10px solid green;">
			<tr><td style="vertical-align:top;height:100px;">
				<table class="quertyTable" style="border:10px solid pink;">
					<tr><td>
						<span>верхняя таблица с  фиксированной высотой 100pix</span>
					</td></tr>
				</table>
			</td></tr>
			<tr><td>
				<table class="quertyTable" style="border:10px solid blue;">
					<tr><td>
						<span>нижняя таблица, нужно чтобы ее высота была до низа, если поставить высоту  100 %, то высота <br/>
						таблицы становится равной высоте экрана и появляется вертикальная прокрутка, если размер не ставить,<br/>
						то высота выравнивается по содержимому таблицы</span>
					</td></tr>
				</table>
			</td></tr>
		</table>
	</td></tr>
</table></body></html>
?
...
Рейтинг: 0 / 0
21.02.2010, 13:34:53
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36482291
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
neznau , не многова-то таблиц-то?
...
Рейтинг: 0 / 0
21.02.2010, 19:33:01
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36482478
neznau
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
neznau
Участник
krvsa,

маслом кашу не испортишь :) тем более что верстка табличная.
по-другому я решения не увидел (наверно, из-за недостатка опыта), как можно было бы указать стилями размер одной таблицы абсолютный а другой - относительный в рамках одной и той же ячейки. там, по-моему, либо js использовать, чтобы размеры подогнать, либо одну "лишнюю" табличку (а я всего столько и добавил).
...
Рейтинг: 0 / 0
22.02.2010, 01:09:03
| Ответить | Цитировать | Написать  
html, нужно сделать высоту таблицы по высоте родителя
    #36482585
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
neznauтем более что верстка табличная
Даже при табличной вёрстке нужно использовать минимальное количество таблиц. В этом случае вообще можно обойтись одной.
Автор там правда какие-то усложнения пытается вносить в задачу...
...
Рейтинг: 0 / 0
22.02.2010, 09:22:50
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html, нужно сделать высоту таблицы по высоте родителя
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36482478&tid=1453501]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 372ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 238ms
total:  699ms
созд. / загр.: 699ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]