Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование дива внутри другого дива / 20 сообщений из 20, страница 1 из 1
14.10.2009, 01:09
    #36249198
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
Как в элемент div отпозиционировать в другом диве с фиксированными отступами.
Т.е. как сделать так как на картинке:
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 02:25
    #36249227
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
/topic/610448#6385580
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:02
    #36250424
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
дык мне нужно, чтоб отступ был от правого угла, а не от левого.
Родительский див может растягиваться по ширине, соотв. если позиционировать по левому углу, то всё съедет при изменении размера родительского дива.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:05
    #36250436
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:08
    #36250448
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
хотелось бы обойтись без джаваскрипта...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:09
    #36250455
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
У дива есть такое свойство: clientWidth + решить задачку для 3-го класса.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:20
    #36250497
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
Код: 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.
<html>
<head>
<style type="text/css">
.cd1 {
	background-color:green;
	width: 100 %;
	height: 100 %;
	position:absolut;
	
}
.cd2 {
	background-color:red;
	width:100px;
	height:100px;
	float:right;
	margin-right:70px;
	margin-top:50px;
}
</style>
</head>
<body>
<div class="cd1"><div class="cd2"></div></div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:54
    #36250604
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
ShSerge, Яростный Меч,
роняю горькие слезы. Убили наповал... Особенно задачка про clientWidth... Мда, господа, ну вы даете....

CmeTanka,
могли бы и прочитать хоть что-нибудь про позиционирование, прежде чем на форум идти! Например, узнали бы, что за позиционирование относительно левой стороны блока отвечает свойство left, а относительно правой - (о, чудо!) right, что Вам и нужно. Берем пример из ссылки, меняем left:30px на right:30px и радуемся. Вот как-то так.
П.С. top - от верха, есть еще bottom - от низа...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 14:59
    #36250627
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
illion,

Ну да, ступил. Кстати, уже потом вспомнил, что ты уже что-то такое по моему отвечала уже.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:05
    #36250648
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
illion,

Про это не знал, спасибо :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:09
    #36250675
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
illionБерем пример из ссылки, меняем left:30px на right:30px и радуемся. Вот как-то так.

Просто "поменять" не помогает...

<html><head><style type="text/css">.cd1 { background-color:green; width:100%; height:100%; }.cd2 { position:relative; top:50px; right:70px; background-color:red; width:100px; height:100px;}</style></head><body><div class="cd1"> <div class="cd2"></div></div></body></html>

illionроняю горькие слезы. Убили наповал

Я не боюсь быть смешным... А вот подучиться всегда рад!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:10
    #36250679
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.
<html>
<head>
<style type="text/css">
.cd1 {
	background-color:green;
	width: 100 %;
	height: 100 %;
	
}
.cd2 {
	position:relative;
	top:50px;
	right:70px;
	background-color:red;
	width:100px;
	height:100px;
}
</style>
</head>
<body>
<div class="cd1">
	<div class="cd2"></div>
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:12
    #36250689
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
О! Нашел чего не так...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
.cd2 {
	position:Absolute;
	top:50px;
	right:70px;
	background-color:red;
	width:100px;
	height:100px;
}
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:13
    #36250696
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
krvsa,

конечно не помогает, ты ведь не в том примере меняешь :-) . Я имела в виду /topic/610448#6385580
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:14
    #36250700
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html>
<head>
<style type="text/css">
.cd1 {
	background-color:green;
	width: 80 %;
	height: 100 %;
	position:relative;
}
.cd2 {
	background-color:red;
	width:100px;
	height:100px;
	position:absolute; 
	top:50px;
	right:80px;
}
</style>
</head>
<body>
<div class="cd1"><div class="cd2"></div></div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:22
    #36250727
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
illion , примерно понял, спасибо! Практика думаю поможет все уточнить...

У меня с позиционированием пока проблематично... Быват элементы не хотят быть там, где я их ожидаю. Приходится изворачиваться...
Вообще свойство "позишн" никогда не использовал...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:25
    #36250737
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
krvsaВообще свойство "позишн" никогда не использовал... Вот по этому и проблематично
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:27
    #36250747
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
Яростный Меч , толком почитать нечего... Так, по кусочкам чего-то узнаю... Здешние спецы здорово помогают в этом деле, за что им отдельное спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 15:33
    #36250780
CmeTanka
CmeTanka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
Господа, дык какое решение мне использовать, какое правильное?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2009, 16:06
    #36250907
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование дива внутри другого дива
CmeTanka , правильное то - которое не "плывет". ;) Например Яростный Меч в последнем примере все написал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование дива внутри другого дива / 20 сообщений из 20, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 512ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1454139]:
 0ms
get settings:
 6ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 173ms
get topic data:
 8ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 261ms
total:  512ms
x
x
Закрыть


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