Page 1 of 1

как сделать верт. меню неподвижным?

Posted: Wed Dec 24, 2008 8:38 am
by yo.levii
помогите пож-ста по сабжу, хочу чтобы вертикальное меню было на всю высоту экрана (независимо от разрешения) и было неподвижным, чтобы не было скрола вниз. попробовал с "height" поиграться в стиле, но не устраивает этот вариант.
вот тут мона посмотреть: http://picasaweb.google.ru/yo.levii/ScreenCaptures?feat=directlink

Re: как сделать верт. меню неподвижным?

Posted: Wed Dec 24, 2008 1:34 pm
by ZYV
Какое это отношение имеет к CMSMS?

Re: как сделать верт. меню неподвижным?

Posted: Wed Dec 24, 2008 1:43 pm
by yo.levii
ZYV wrote: Какое это отношение имеет к CMSMS?
сайт работает на CMSMS, поэтому и вопрос сюда :)
никаких идей?

Re: как сделать верт. меню неподвижным?

Posted: Wed Dec 24, 2008 2:20 pm
by yo.levii
всё, нашёл как сделать...

div#sidebar {
  float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
  width: 20%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX IE double margin bug */
  margin-left: 0;
  background-image: url(images/sidebar_bg.gif);
  background-repeat: repeat;
  background-attachment: fixed;    /* изменил со scroll на fixed  */
  position: fixed;    /* вот что надо было добавить  */
}

Re: как сделать верт. меню неподвижным? есть р

Posted: Wed Dec 24, 2008 8:37 pm
by ZYV
position: fixed не работает в IE. Я обычно такие фишки делаю на jQuery, делается в 2 строчки.

Re: как сделать верт. меню неподвижным? есть р

Posted: Thu Dec 25, 2008 7:06 am
by yo.levii
ZYV wrote: position: fixed не работает в IE. Я обычно такие фишки делаю на jQuery, делается в 2 строчки.
а как это сделать, можешь поподробнее и куда вставлять? И ещё вопрос: как прикрепить header? он у меня убегает млин, а сайдбар приклеен, если к хидеру применить фиксед, то он вообще исчезает :o

Re: как сделать верт. меню неподвижным?

Posted: Thu Dec 25, 2008 9:41 pm
by ZYV
Подробнее надо обсуждать на форумах по верстке CSS/XHTML. Тема, как не имеющая никакого отношения к предмету обсуждения форума закрывается.