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

пример того что нужно получить:
Код: plaintext
1.
2.
3.
4.
5.
<div id="parent">DIV
 <div id="child1" style="left:20px; top:20px; width:50px; height:50px;">div  1 </div>
 <div id="child2" style="left:100px; top:20px; width:25px; height:25px;">div  2 </div>
 <div id="child3" style="left:80px; top:50px; width:30px; height:60px;">div  3 </div>
</div>
...
Рейтинг: 0 / 0
01.11.2008, 03:24
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629530
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Укажи position:relative и позиционируй себе на здоровье! Желательно и z-index указывать разный.
...
Рейтинг: 0 / 0
01.11.2008, 04:04
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629536
Свят
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Свят
Гость
IDVsbruck,

пробовал, не помогло... Всем position:relative; или тока дочерним?
...
Рейтинг: 0 / 0
01.11.2008, 04:20
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629543
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Только дочерним. А что не так?
...
Рейтинг: 0 / 0
01.11.2008, 04:33
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629545
Свят
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Свят
Гость
IDVsbruck,

в итоге формула такая: child1{x+parent(x),y+parent(y)}; child2{x+child1(x+ширина),y+child1(y+высота)};...
а хочется: child1{x+parent(x),y+parent(y)};child2{x+parent(x),y+parent(y)};...

z-index тоже непомог :(

можно конечно все пересчитывать и реулировать отрицательными значениями, но это неидейно, сильно усложняет изменение слоев с постояной необходимостью пересчета координат...
можно использовать таблицу но тогда весь кайф обламываеться прямоугольными ограничениями...
...
Рейтинг: 0 / 0
01.11.2008, 04:41
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629551
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
У меня сейчас было похожее ...
Я использую jQuery - там это несложно.
Дочерние делаю с абсолютным позиционированием и задаю координаты типа такого:
Код: plaintext
$("#child1").css({"left":$("#parent").offset().left+ 20 ,"top":$("#parent").offset().top+ 20 ,"display":"inline"});
и так для всех. Правда, если контент перемещается при изменении размеров окна, то надо ставить в обработчик onsize пересчет координат. Если овчинка выделки стоит, то вариант неплохой ...
...
Рейтинг: 0 / 0
01.11.2008, 04:53
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629556
Свят
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Свят
Гость
Осталось скачать мануал по jQuery
...
Рейтинг: 0 / 0
01.11.2008, 05:13
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629560
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ничерта не поняла ваших махинаций с координатами. По-моему по сабжу достаточно будет такого:
Код: plaintext
1.
2.
3.
<div style="position:relative; width:300px; height:200px; border:1px solid">
	<div style="position:absolute; top:20px; left:30px;  width:40px; height:80px; border:1px solid red"></div>
	<div style="position:absolute; top:60px; left:100px; width:70px; height:50px; border:1px solid blue"></div>
</div>

Маленький комментарий про position:absolute, касающийся позиционирования. Позиционирование происходит относительно ближайшего блока-контейнера, значение position которого отлично от static . Static - значение по умолчанию, соответствующее нормальному потоку данных. Если такого не найдется, то позиционирование будет относительно body. Поэтому если хотите равнять относительно конкретного контейнера, то он обязательно должен position: relative, absolute или fixed. Еще есть отличия, связанные с тем, какого типа контейнер - блочный или строковый, но здесь неважно.
...
Рейтинг: 0 / 0
01.11.2008, 05:46
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35629703
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
illionМаленький комментарий про position:absolute, касающийся позиционирования...
Ага, точно. Когда я в своих пасьянсах хотел игровое поле посередине сделать, а чтобы карты уже относительно него позиционировались - только так и получилось.
...
Рейтинг: 0 / 0
01.11.2008, 09:22
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35630518
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Здорово. Не знал. Спасибо за комменты ...
...
Рейтинг: 0 / 0
01.11.2008, 14:18
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35630550
Свят
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Свят
Гость
illion,

недостаточно, начнуться проблемы когда размер окна начнет меняться, "абсолюд" привязываеться к верхнему левому углу экрана, если экран с 1024 станет 1280, разметка "некрасвио поплывет"
...
Рейтинг: 0 / 0
01.11.2008, 14:28
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35630604
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
Свят,

еще раз, для тех кто читает посты не полностью. Absolute привязывется не к верхнему углу экрана, а к ближайшему контейнеру-предку, чей позишн отличен от static . Если у контейнера не прописан позишн - то будет привязка к body, да.

Если у тебя по прежнему что-то плывет - пример в студию. У меня с гаданием плохо.
...
Рейтинг: 0 / 0
01.11.2008, 14:41
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35630672
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
IDVsbruckЗдорово. Не знал. Спасибо за комменты ...
спасибо Эрику Мейеру. Его "CSS - каскадные таблицы стилей" - одна из очень немногих книг, за покупку которых меня еще ни разу не давила моя внутреняя жаба. Это как бы пересказ спецификации с подробностями и картинками + справочник.
...
Рейтинг: 0 / 0
01.11.2008, 14:57
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35631059
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Буду на Петровке - обязательно куплю ...
...
Рейтинг: 0 / 0
01.11.2008, 17:39
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #35631277
Свят
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Свят
Гость
illion,

Спасибо, теперь работает :)
...
Рейтинг: 0 / 0
01.11.2008, 23:29
| Ответить | Цитировать | Написать  
Позиционирование относительно родительского объекта
    #36251517
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
illionспасибо Эрику Мейеру. Его "CSS - каскадные таблицы стилей" - одна из очень немногих книг за покупку которых меня еще ни разу не давила моя внутреняя жаба. Это как бы пересказ спецификации с подробностями и картинками + справочник.

Нашел эту книжку
...
Рейтинг: 0 / 0
14.10.2009, 19:37
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование относительно родительского объекта
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35629545&tid=1454138]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 33ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 202ms
total:  332ms
созд. / загр.: 332ms
x
x
Закрыть


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