ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование дива внутри другого дива
20 сообщений из 20, страница 1 из 1
Позиционирование дива внутри другого дива
    #36249198
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
Как в элемент div отпозиционировать в другом диве с фиксированными отступами.
Т.е. как сделать так как на картинке:
...
Рейтинг: 0 / 0
14.10.2009, 01:09
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36249227
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
/topic/610448#6385580
...
Рейтинг: 0 / 0
14.10.2009, 02:25
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250424
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
дык мне нужно, чтоб отступ был от правого угла, а не от левого.
Родительский див может растягиваться по ширине, соотв. если позиционировать по левому углу, то всё съедет при изменении размера родительского дива.
...
Рейтинг: 0 / 0
14.10.2009, 14:02
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250436
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
...
Рейтинг: 0 / 0
14.10.2009, 14:05
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250448
CmeTanka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CmeTanka
Участник
хотелось бы обойтись без джаваскрипта...
...
Рейтинг: 0 / 0
14.10.2009, 14:08
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250455
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
У дива есть такое свойство: clientWidth + решить задачку для 3-го класса.
...
Рейтинг: 0 / 0
14.10.2009, 14:09
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #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:20
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250604
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ShSerge, Яростный Меч,
роняю горькие слезы. Убили наповал... Особенно задачка про clientWidth... Мда, господа, ну вы даете....

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

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

Про это не знал, спасибо :)
...
Рейтинг: 0 / 0
14.10.2009, 15:05
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #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:09
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #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:10
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #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:12
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250696
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
krvsa,

конечно не помогает, ты ведь не в том примере меняешь :-) . Я имела в виду /topic/610448#6385580
...
Рейтинг: 0 / 0
14.10.2009, 15:13
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #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:14
| Ответить | Цитировать | Написать  
Позиционирование дива внутри другого дива
    #36250727
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
illion , примерно понял, спасибо! Практика думаю поможет все уточнить...

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


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