Меню над всичко друго на постоянно място

[borislav123]

Колеги
трябва ми да направя меню което да стои над всичко друго, да е на постоянно място спрямо сайта (сайта ще е със ширина 1000 px)
отдолу ще се сменят картинки, а менюто трябва да седи над тях, фиксирано

опитах с

.side-menu {
position:absolute;
left:155px;
top:5px;
z-index:10
}

става, но при различните монитори менюто седи различно

опитах и с relative, но не е добре

как се прави това

 

[cloxy]

Re: Меню над всичко друго на постоянно място

Ако ще е позиционирано спрямо горе:ляво, тогава опитай с position:absolute;

А ако вече си го опитвал (предполагам горе имаш предвид точно абсолютно позициониране, но си го сгрешил), тогава единствения вариант да е залепено за самия wrapper е чрез JavaScript. При всеки скрол преизчисляваш разстоянието отгоре.

 

[borislav123]

Re: Меню над всичко друго на постоянно място

Да, Васко, първо така беше, но при по-голям или по-малък екран не е добре, измества се

иначе искам да го фиксирам - както казваш - спрямо горе, вляво, но на дизайна (1000 px) , а не спрямо екрана

 

[manuel]

За: Меню над всичко друго на постоянно място

За: Меню над всичко друго на постоянно място

Ако искаш да е фиксирано, така както аз го разбирам ти трябва position:fixed, т.е. като скролваш да не се мести.

Ако искаш да го позиционираш просто сложи на основния wrapper или както ти е наречен сайта position:relative; и на дива с менюто:
position:absolute;
top:5px;
left:-Xpx;
където X е ширината на менюто

Ако пак не се оправиш мога да ти помогна в скайп, дай линк и ще го разцъкам за 5 минути с FireBug

Успех!

 

[borislav123]

Re: Меню над всичко друго на постоянно място

Благодаря на всички

още един колега ми помогна с код

.wrapper {
      width:1000px;
      margin:0px auto;
      padding:0;
      border: 0px solid #cccccc;
}
.menu {
float:left;
position:fixed;
}

.side-menu {

width:200px;
position:absolute;
left:0px;
top:5px;
z-index:999;
height:200px;
}

.content {

}