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

Код: 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.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Test</title>
<style type="text/css">
* {
	margin:  0 ;
}
body {
	width:  100 %;
	height:  100 %;
	background-color: # 000000 ;
}
#body {
	position: relative;
	color: #FFFFFF;
	border: 1px solid;
	min-height:  100 %;
}
#fon {
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	background-color: #FFFFFF;
}
#cont {
	position: relative;
	top: 60px;
	left: 60px;
	right: 30px;
	margin-bottom: 120px;
	color: green;
	border: 1px solid;
}
</style> 
</head>
<body>
<div id='body'>
	<div id='fon'>
	</div>
	<div id='cont'>
		<p>
			Тут располагается мой всякий контент. Тут располагается мой всякий контент. Тут располагается мой всякий контент. 
			Тут располагается мой всякий контент. Тут располагается мой всякий контент. Тут располагается мой всякий контент.
		</p>
		<p>
			Тут располагается мой всякий контент. Тут располагается мой всякий контент. Тут располагается мой всякий контент. 
			Тут располагается мой всякий контент. Тут располагается мой всякий контент. Тут располагается мой всякий контент.
		</p>
		<p>
			Тут располагается мой всякий контент. Тут располагается мой всякий контент. Тут располагается мой всякий контент. 
			Тут располагается мой всякий контент. Тут располагается мой всякий контент. Тут располагается мой всякий контент.
		</p>
	</div>
</div>
</body>
</html>

текст с рамкой вылазиет из белого прямогольника? Вроде же указал смещение справа...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
#cont {
	position: relative;
	top: 60px;
	left: 60px;
	right: 30px;
	margin-bottom: 120px;
	color: green;
	border: 1px solid;
}

ан нет! Не смещается... Что-то никак не даётся мне это свойство position ...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
11.12.2009, 11:35
| Ответить | Цитировать | Написать  
Экспериментирую с position...
    #36360852
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Нужно даже вот так

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
#cont {
	position: relative;
	top: 60px;
	left: 60px;
	right: 60px;
	margin-bottom: 120px;
	color: green;
	border: 1px solid;
}

Главное если сделать так

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
#cont {
	position: relative;
	top: 60px;
	/*left: 60px;*/
	right: 60px;
	margin-bottom: 120px;
	color: green;
	border: 1px solid;
}

смещается... А вот с обеих сторон - банан.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
11.12.2009, 11:42
| Ответить | Цитировать | Написать  
Экспериментирую с position...
    #36360919
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
krvsaВот не дают мне покоя лавры нашей модераторши...

Ответ на вопрос нашел в книжке которую она же и советовала...

авторЭлемент сохраняет форму, которую имел бы, если бы не был спозиционирован, и размер, который бы занимал при обычных условиях.

В итоге сделал так

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
#cont {
	position: relative;
	top: 60px;
	left: 60px;
	margin-right: 120px;
	margin-bottom: 120px;
	color: green;
	border: 1px solid;
}
...
Рейтинг: 0 / 0
11.12.2009, 11:59
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Экспериментирую с position...
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=268&tid=1453829]:
 0ms
get settings:
 7ms
get forum list:
 21ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 54ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 59ms
get tp. blocked users:
 2ms
others: 218ms
total:  379ms
созд. / загр.: 379ms
x
x
Закрыть


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