Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Экспериментирую с position... / 3 сообщений из 3, страница 1 из 1
11.12.2009, 11:35
    #36360828
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Экспериментирую с position...
Вот не дают мне покоя лавры нашей модераторши... Хочу тоже научится/понять как там это все работает...
Почему например в примере

Код: 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:42
    #36360852
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Экспериментирую с position...
Нужно даже вот так

Код: 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:59
    #36360919
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Экспериментирую с position...
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Экспериментирую с position... / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 432ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453829]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 168ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 200ms
total:  432ms
x
x
Закрыть


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