[Лан Мао]

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

body {background:url('/userdir/1/8/1/6/1816774/68335565.gif') fixed;}
 #wrapper{min-width:950px!important;width:950px;margin: 0 auto !important;padding:1 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/69889607.png') no-repeat; width: 950px; height:131px !important; padding: 0 !important; margin-top: 200px !important;}
 #page-c{width:950px !important;padding:0 !important;padding:0 !important; margin-top:0px !important;background: url('/userdir/1/8/1/6/1816774/69889163.png') repeat-y;position:relative;}
 #page-t {margin:0 !important}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:880px; margin: 0px 0px 0px 25px !important; }
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/69889169.png') no-repeat; width: 950px; height: 130px;line-height: 100% !important; margin-top:0px;margin-left: 0px;}
 #add_block1 {background: url('/userdir/1/8/1/6/1816774/69889043.jpg') repeat-x ; height:78px; width:1554px; position:fixed; left:0px; bottom: 406px; z-index:1;}
 #add_block2 {background: url('/userdir/1/8/1/6/1816774/69889073.png')no-repeat ; height:170px; width:950px; position:fixed; left:0px; bottom: 330px; z-index:-1;}
 #myDiaryLinks_title {display:block; width: 200px; height: 70px; line-height: 700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69889136.png') no-repeat;}
 #myDiaryLinks ul {width: 200px; height: 250px; background: url('/userdir/1/8/1/6/1816774/69889094.png') no-repeat; text-align:center; padding:10px 0px 0px 0px !important; margin-top: 0px !important; margin-left: -2px !important;}
 #globalLinks_title {display:block; width: 200px; height: 70px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69889124.png') no-repeat;}
 #globalLinks ul {width:200px; height:250px; background: url('/userdir/1/8/1/6/1816774/69889091.png') no-repeat; text-align:center; padding:10px 0px 0px 0px !important; margin-top: 0px !important; margin-left: -4px !important;}
 #thisDiaryOwner_title {display:block; width:200px; height:70px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/69889133.png') no-repeat;}
 #thisDiaryOwner ul {width:200px; height:250px; background: url('/userdir/1/8/1/6/1816774/69889106.png') no-repeat; text-align:center; padding:10px 0px 0px 0px !important; margin-top: 0px !important; margin-left: -4px !important;}
 .menuSection a{font-size: 16px !important; text-align : center; }
 #myDiaryLinks {position:relative; top:-298px; left:576px;}
 #thisDiaryOwner {position:relative; top:-293px; left:590px }

запись создана: 07.06.2011 в 23:09

Comments

[Лунный дождь]

#side {position:fixed !important;} или даже без !important
м?

[Лан Мао]

Код помог зафиксировать меню на месте, но теперь при прокрутке дневник заезжает между меню и доп. блоком, а нужно чтобы заезжал под блок с меню.

[polishastik]

доп-блоку надо задать з-индекс и тоже фиксированную позицию.
при этом:
з-индекс у меню должен быть больше з-индекса доп.блока, который в свою очередь больше, чем у постов.

[Лан Мао]

polishastik Все получилось! Ура!
Подскажите еще пожалуйста, чтобы разместить на доп. блоке имя автора и название дневника надо им тоже задать з-индекс?

[polishastik]

Лан Мао, да, конечно.
но помните, что з-индекс работает только в паре со свойством position.

[Лан Мао]

polishastik,
снова прошу Вашей помощи.
Я задала меню з-индекс и фиксированную позицию. Но при разном разрешении монитора оно съезжает. Может стоит зафиксировать само меню?

[polishastik]

надо правильно позиционировать
position:fixed; left (right):50%; margin-left(right): +\-XXpx

[Лан Мао]

polishastik, спасибо огромное