Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css можно ли както задать высоту в процентах и не допустить увеличения высоты. / 4 сообщений из 4, страница 1 из 1
20.03.2013, 05:41
    #38190788
alex564657498765453
alex564657498765453
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
Суть задачи.
нужно чтобы был ДИВ на весь экран, а в нём стопкой два дива, нижний высотой 50 точек скажем, а верхний - вся остальная часть высоты.

НО! если в верхнем сильно "высокое" содержимое, нужно чтобы он НЕ тянулся, а применялся оверфлоу хиден.(или скрол..)

я и таблицами пробовал и дивами, и лишние теги-обёртки добавлял..нивкакую не хочет.

может ктото знает как обмануть можно это дело, чтобы добиться всётаки эффекта.???
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.03.2013, 08:28
    #38190837
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
alex564657498765453как обмануть можно это дело, чтобы добиться всётаки эффекта.???
Задачка тривиальная...

alex564657498765453применялся оверфлоу хиден.(или скрол..)
Ты уже сам определись.

Вариант со скролом.

 
Код: 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.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
html,
body {
	width: 100%;
	height: 100%;
}
#container {
	position: relative;
	height: 100%;
	min-height: 100px;
}
#content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 50px;
	width: 100%;
	overflow: auto;
	background-color: yellow;
}
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: blue;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
	<div id='content'>
		<p>
			Служба Яндекс.Рефераты предназначена для студентов и школьников, 
			дизайнеров и журналистов, создателей научных заявок и отчетов — 
			для всех, кто относится к тексту, как к количеству знаков.
		</p>
		<p>
			Нажав на кнопку «Написать реферат» вы лично создаете уникальный 
			текст, причем именно от вашего нажатия на кнопку зависит, какой 
			именно текст получится — таким образом, авторские права на реферат 
			принадлежат только вам.
		</p>
		<p>
			Текстами рефератов можно пользоваться совершенно бесплатно, однако 
			при транслировании и предоставлении текстов в массовое пользование 
			ссылка на Яндекс.Рефераты обязательна.
		</p>
	</div>
	<div id='footer'>
		footer
	</div>
</div>
</body>
</html>


Переделывается на "хиден" заменой значения свойства overflow...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2013, 05:29
    #38192480
alex564657498765453
alex564657498765453
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
krvsa,
мдя... незнал про ефект с абсолютом...что если ему задать низ, то высота будет до самого верха родителя :) вот и обманка что мне не хватало...я то высоту в процентах задавл, и оверфлоу у меня понятное дело не работал:)

спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2013, 09:06
    #38192563
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
alex564657498765453незнал про ефект с абсолютом...
Это не эффект... Это его стандартное поведение, описанное в каждом букваре.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css можно ли както задать высоту в процентах и не допустить увеличения высоты. / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 360ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448566]:
 0ms
get settings:
 6ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 68ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 36ms
get tp. blocked users:
 2ms
others: 214ms
total:  360ms
x
x
Закрыть


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