Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / html, нужно сделать высоту таблицы по высоте родителя / 10 сообщений из 10, страница 1 из 1
19.02.2010, 01:15:24
    #36478954
sanich
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
Решил наконец спросить, ибо каждый раз извращаться с версткой надоело.

Есть табличка, высота и ширина 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, 04:31:41
    #36479021
Master4
Master4
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
sanich,
автор, я перечитал многократно ваш текст и так ничего и не понял.
авторнижняя табличка должна иметь оставшуюся высоту до конца страницы
А где конец страницы?
авторнижняя таблица, нужно чтобы ее высота была до низа
До какого низа?
авторесли размер не ставить, то высота выравнивается по содержимому таблицы
Так вам нужно сделать фиксированный размер таблицы и что-бы менялась по содержимому?
Может css:table-layout поможет?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.02.2010, 06:51:34
    #36479046
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
Код: 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, 07:04:29
    #36479053
Master4
Master4
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
EmilRegis
правда давно пора забыть мне кажется про всякие там свойства типа width, height...для этого лучше пользоваться стилями

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

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

Вариант с разбиением главной таблицы не пойдет, ячейка главной внешней таблицы - это зачастую центр страницы, т.е. я имею ввиду, что есть левая, правая колонка, и центр, так вот центр - это неделимая ячейка, внутри этой ячейки бывает разный контент, внутри центра я все это реализую в виде таблиц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2010, 13:23:58
    #36481277
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
sanich , таки дай тогда нормальный тестовый пример, а не тот что выше...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.02.2010, 13:34:53
    #36481982
neznau
neznau
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
Код: 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, 19:33:01
    #36482291
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
neznau , не многова-то таблиц-то?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.02.2010, 01:09:03
    #36482478
neznau
neznau
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
html, нужно сделать высоту таблицы по высоте родителя
krvsa,

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


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