powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css можно ли както задать высоту в процентах и не допустить увеличения высоты.
4 сообщений из 4, страница 1 из 1
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
    #38190788
alex564657498765453
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Суть задачи.
нужно чтобы был ДИВ на весь экран, а в нём стопкой два дива, нижний высотой 50 точек скажем, а верхний - вся остальная часть высоты.

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

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

может ктото знает как обмануть можно это дело, чтобы добиться всётаки эффекта.???
...
Рейтинг: 0 / 0
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
    #38190837
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
    #38192480
alex564657498765453
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,
мдя... незнал про ефект с абсолютом...что если ему задать низ, то высота будет до самого верха родителя :) вот и обманка что мне не хватало...я то высоту в процентах задавл, и оверфлоу у меня понятное дело не работал:)

спасибо.
...
Рейтинг: 0 / 0
css можно ли както задать высоту в процентах и не допустить увеличения высоты.
    #38192563
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
alex564657498765453незнал про ефект с абсолютом...
Это не эффект... Это его стандартное поведение, описанное в каждом букваре.
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css можно ли както задать высоту в процентах и не допустить увеличения высоты.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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