Привязка блока в position: fixed; к правому краю обертки

11

_mate_

27 сентября 2012, 10:16

5418

Проблема такая:

- есть резиновый блок обертки под контент 980-1200px

Шапка сайта, форма поиска, меню находятся в блоке с position: fixed;

Блоки с position: fixed; позиционируются от обертки только с применением margin,

правила left, top, bottom, right не работают так-как привязка идет не к обертке
(в отличие от position: absolute;), а к окну экрана.

Блоки справа можно четко зафиксировать по отношению к обертке лого висит ровно),

что делать с привязкой меню, поиска и тп к левому краю резиновой обертки?

Непонятно)

Вот код:

Оберточный блок под контент и шапку:

#wrapper {

	position: relative;

	width: 95%;

	min-width: 980px;

	max-width: 1200px;

	margin: 0 auto;

	min-height: 100%;

	height: auto !important;

	height: 100%;

}



Лого которое при всех разрешениях висит замечательно:



#logo {

           height: 103px;

	width: 216px;

	position: fixed;

	margin: 20px 0 0 100px;

	z-index: 5;

}

Осталось спозиционировать поиск и меню, но...

85

Robin_Bad

27 сентября 2012, 11:24

#1

вы же ширину всех блоков знаете заранее? зафиксируйте форму поиска примерно так:

position: fixed;

left: 217px;

или я вообще не понял вашу проблему

11

_mate_

27 сентября 2012, 11:27

#2

Видимо непоняли, left будет от окна дисплея, а надо от резинового блока обертки)

85

Robin_Bad

27 сентября 2012, 11:37

#3

_mate_:
Видимо непоняли, left будет от окна дисплея, а надо от резинового блока обертки)

Мне кажется, я правильно вас понял, это вы мудрИте :) Тут же простая математика: вы либо все блоки делаете fixed (они же у вас должны "плавать" вместе со скроллингом?) и высчитываете их координаты относительно всего экрана, либо обёртке задаёте position: fixed, а в неё уже укладываете лого, поиск и т.д. с position: absolute, позиционируя их уже относительно самой обёртки. Или я снова вас не понял?

Как расположить кнопку в JQuery скрипт position: 'fixed'

77

Desesperada

27 сентября 2012, 12:03

#4

тс, с кроссбраузерностью мозг себе сломаете с таким подходом

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе

11

_mate_

27 сентября 2012, 12:21

#5

Desesperada, Я упертый, зато смотрится оригинально)

Robin_Bad, сделал по вашему совету, еще одну обертку в position: fixed; и спозиционировал блоки в position: absolute, все работает, но в IE 7 абсолютные блоки куда-то пропали, что с этим делать?) IE6 ненужен, совсем ненужен, ставлю картинку с предложением не му...)

Объявления ЯДа не пропадающие Как расположить кнопку в Мега задачка CSS, float

85

Robin_Bad

27 сентября 2012, 12:44

#6

_mate_:
Desesperada, Я упертый, зато смотрится оригинально)

Robin_Bad, сделал по вашему совету, еще одну обертку в position: fixed; и спозиционировал блоки в position: absolute, все работает, но в IE 7 абсолютные блоки куда-то пропали, что с этим делать?) IE6 ненужен, совсем ненужен, ставлю картинку с предложением не му...)

Я так понимаю, в IE7 (как и в IE6) сохранилось неадекватное поведение position: fixed. Надеюсь, вот эта ссылка вам поможет.

11

_mate_

27 сентября 2012, 12:58

#7

Спс, я тоже надеюсь на это) Добавил кармы.

Что такое Power BI и зачем это нужно бизнесу

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи