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

Чтобы задать отступы от родительского элемента (можно конечно полями или использовать left и width: 80%, но..) но в букварях пишут что это отступ от правого родительского края при относительном позиционировании. Я думал можно сжать блок установив отступы по бокам от родителя.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.01.2013, 12:37
    #38111968
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительное позиционирование.
точно left а не margin-left
?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.01.2013, 12:38
    #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:42
    #38111978
Lexxxxx
Lexxxxx
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительное позиционирование.
Паганельточно left а не margin-left?
Да.

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

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

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

Да просто в голове уже месиво от прочитанных букварей, советов и прочих рецептов. )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Относительное позиционирование. / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 550ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448848]:
 0ms
get settings:
 11ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 169ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 69ms
get tp. blocked users:
 2ms
others: 261ms
total:  550ms
x
x
Закрыть


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