ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Относительное позиционирование.
14 сообщений из 14, страница 1 из 1
Относительное позиционирование.
    #38111929
Lexxxxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lexxxxx
Участник
Накидал разметку http://jsfiddle.net/KBeC9/
Не понятно поведение относительного позиционирования. Возникает ощущение что элемент сверхограничен и его right равен -left. Но я не могу понять почему так происходит. Ведь содержимого в нем нет. С высотой тоже не понятно что. По задумке внутренний блок должен быть расположен вровень с нижней границей родительского и иметь высоту половины от него. Однако все совсем не так, как ожидалось. Почему же так?
...
Рейтинг: 0 / 0
16.01.2013, 12:22
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111940
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
а зачем задавать left и right одновременно?
...
Рейтинг: 0 / 0
16.01.2013, 12:28
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111951
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
LexxxxxПо задумке внутренний блок должен быть расположен вровень с нижней границей родительского и иметь высоту половины от него. Однако все совсем не так, как ожидалось. Почему же так?уберите top: 50%; и все станет видно :)
...
Рейтинг: 0 / 0
16.01.2013, 12:31
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111962
Lexxxxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lexxxxx
Участник
Паганельа зачем задавать left и right одновременно?

Чтобы задать отступы от родительского элемента (можно конечно полями или использовать left и width: 80%, но..) но в букварях пишут что это отступ от правого родительского края при относительном позиционировании. Я думал можно сжать блок установив отступы по бокам от родителя.
...
Рейтинг: 0 / 0
16.01.2013, 12:35
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111968
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
точно left а не margin-left
?
...
Рейтинг: 0 / 0
16.01.2013, 12:37
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111969
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
#menu{
    position: absolute;
    bottom:0;
    background-color: lightcyan;
    height: 50%;
    left: 10%;
    right: 10%;
}
...
Рейтинг: 0 / 0
16.01.2013, 12:38
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111978
Lexxxxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lexxxxx
Участник
Паганельточно left а не margin-left?
Да.

Что видно станет? Он просто выехал немного выше середины родителя.
...
Рейтинг: 0 / 0
16.01.2013, 12:42
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111981
Lexxxxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lexxxxx
Участник
Antonariy
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
#menu{
    position: absolute;
    bottom:0;
    background-color: lightcyan;
    height: 50%;
    left: 10%;
    right: 10%;
}



Согласен. ) Так и top: 50% и left: 10%; right: 10%; нормально работают. Но хотелось бы понять какого черта они при position: relative; так непонятно себя ведут?!
...
Рейтинг: 0 / 0
16.01.2013, 12:46
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38111999
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
LexxxxxНо хотелось бы понять какого черта они при position: relative; так непонятно себя ведут?! http://htmlbook.ru/css/right Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от правого края родителя.Насчет relative+relative никто ничего не обещал.
...
Рейтинг: 0 / 0
16.01.2013, 12:53
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38112007
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
LexxxxxПаганельточно left а не margin-left?
Да. цитирую по Вашей же ссылкеДобавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.причем тут отступы я честно не понимаю

LexxxxxЧто видно станет? Он просто выехал немного выше середины родителя.ну уберите текст, станет еще виднее :)
...
Рейтинг: 0 / 0
16.01.2013, 12:55
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38112010
няка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
няка
Гость
а что непонятного, почему вы решили что изменение позиционирование элемента должно влиять на его размеры?
по моему вполне понятное и ожидаемое поведение
...
Рейтинг: 0 / 0
16.01.2013, 12:57
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38112028
Lexxxxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lexxxxx
Участник
няка,

Да похоже я просто не понимаю относительно чего он двигается. Это при абсолютном позиционировании его края двигаются относительно родителя, а при относительном похоже относительно своего нормального положения. Верно?
...
Рейтинг: 0 / 0
16.01.2013, 13:03
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38112039
няка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
няка
Гость
ну да, вроде http://htmlbook.ru/css/position] http://htmlbook.ru/css/position черным по белому так и написано :)
...
Рейтинг: 0 / 0
16.01.2013, 13:06
| Ответить | Цитировать | Написать  
Относительное позиционирование.
    #38112048
Lexxxxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lexxxxx
Участник
няка,

Да просто в голове уже месиво от прочитанных букварей, советов и прочих рецептов. )
...
Рейтинг: 0 / 0
16.01.2013, 13:11
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Относительное позиционирование.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38111969&tid=1448848]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 109ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 251ms
total:  435ms
созд. / загр.: 435ms
x
x
Закрыть


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