Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как растянуть табличный сайт по высоте до низа? / 6 сообщений из 6, страница 1 из 1
21.09.2014, 16:39
    #38752962
Evgeniy175
Evgeniy175
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как растянуть табличный сайт по высоте до низа?
Добрый день. Перепробовал уже уйму чего, не пойму, в чем дело... Вот для примера страница, чтобы стало ясно, о чем речь: http://sch17.minsk.edu.by/main.aspx?guid=1141 Т.е. центральный блок попросту не растягивается до низу, а футер прилеплен к нему. Все это дело из-за выпадающего горизонтального меню, как понимаю. Реорганизовать его не мешало бы, чем и займусь, как будет время, но проблемы на страницах с малым количеством информации это не решит. Если нужно CSS скинуть - говорите, скину, хотя ничем от исх. кода в браузере он отличаться не будет. Заранее благодарю!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2014, 22:55
    #38753104
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как растянуть табличный сайт по высоте до низа?
Это не табличный сайт и там нечему растягиваться донизу. Заголовок, тело и подвал идут подряд и неизвестно что растягивает страницу по высоте больше чем надо.

Для начала

Код: css
1.
#btd {position:absolute;bottom:0;width:100%}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.09.2014, 17:29
    #38753789
Evgeniy175
Evgeniy175
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как растянуть табличный сайт по высоте до низа?
02AntonariyЭто не табличный сайт и там нечему растягиваться донизу. Заголовок, тело и подвал идут подряд и неизвестно что растягивает страницу по высоте больше чем надо.

Для начала

Код: css
1.
#btd {position:absolute;bottom:0;width:100%}



Центральная часть на таблице ведь, где ITL, ITC, ITR, остальное на дивах, да.
Как бы исправил, только ничего от этого не изменилось ни в визуальном плане, ни в плане "дотянуться до низа", хотя это и не должно было все исправить. Т.е.: в чем смысл?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.09.2014, 18:01
    #38753821
Evgeniy175
Evgeniy175
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как растянуть табличный сайт по высоте до низа?
Ладно... Задал мин.фикс. высоту для центрального блока, все теперь впорядке. Не совсем то, что хотел, но неважно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.09.2014, 18:06
    #38753833
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как растянуть табличный сайт по высоте до низа?
Я полагал, что смысл в том, чтобы прижать подвал к низу. А на самом деле что нужно?

PS. Там еще и доктайп XHTML, я в нем не верстаю, он не адекватен.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2014, 11:46
    #38754392
timur999
timur999
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как растянуть табличный сайт по высоте до низа?
А так:
 

Код: html
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.
40.
41.
42.
43.
44.
<!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>
	<title></title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {
			var wh = $(window).height();
			var ch = $("#header").outerHeight() + $("#content").outerHeight() + $("#footer").outerHeight();
			
			if (ch < wh) {
				var h = wh - $("#header").outerHeight() - $("#footer").outerHeight();
				$("#content").height(h);
			}
		});
	</script>
	<style type="text/css">
		body
		{
			margin: 0;
		}
		#header
		{
			background-color: #FF0000;
			height: 200px;
		}
		#content
		{
			background-color: #DDDDDD;
			height: 100px;
		}
		#footer
		{
			background-color: #00FF00;
			height: 100px;
		}
	</style>
</head>
<body>
	<div id="header"></div>
	<div id="content"></div>
	<div id="footer"></div>
</body>
</html>


...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как растянуть табличный сайт по высоте до низа? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 408ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446699]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 141ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 1ms
others: 201ms
total:  408ms
x
x
Закрыть


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