[CSS] position fixed - problem Opcje

[cabana]

Witam.
Zrobiłem rozwijane menu w jQuery i CSS.
Rozwijanemu elementowi nadałem position fixed (inny mi nie pokrywa innych elementów pomimo z-index 99999) i rozwinięty element przesuwa mi się na stronie po użyciu scrolla a chcę aby dany element pozostał na swoim miejscu. Proszę o pomoc w rozwiązaniu problemu.

[konrados]

Pewnie jakaś literówka, ale naprawdę kod by nie zaszkodził, a jeszcze lepiej link do strony gdzie to się dzieje.

Edit: o ile kojarzę przy position fixed top i left są wymagane.

Ten post edytował konrados 28.07.2012, 21:45:09

[cabana]

Mam wszystko na localhoscie bez zew. ip

Kod css:

[CSS] pobierz, plaintext 
.menu_gorne-lvl2 {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    font: bold 13px Arial;
    border-left: 1px solid #625e00;
    border-right: 1px solid #625e00;
    border-bottom: 1px solid #625e00;
    border-width: 1px 0;
    z-index: 99999;
    position: fixed;
    display: none;
    margin-top: 33px;
    height: 35px;
    background: black url(images/menu.jpg) center center repeat-x;
}
 
.lvl1, .lvl2{
    position: relative;
    float: left;
}
 
 
.lvl1 a:hover {
    display:block;
}
 
.menu_gorne-lvl1 li a{
float: left;
color: #414141;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #a8a8a8;
}
 
.menu_gorne-lvl1 li a:visited{
color: 414141;
}
 
.menu_gorne-lvl1 li a:hover, .lvl1 li  .current{
color: #414141;
background: transparent url('images/menu2.jpg') center center repeat-x;
}
[CSS] pobierz, plaintext 

kod html:

[HTML] pobierz, plaintext 
<ul class="menu_gorne-lvl1">
<li class="lvl1"><a href="">Link1</a></li>
<li class="lvl1"><a href="">Link2</a>
 <ul class="menu_gorne-lvl2">
  <li class="lvl2"><a href="">Link2.1</a></li>
  <li class="lvl2"><a href="">Link2.2</a></li>
  <li class="lvl2"><a href="">Link2.3</a></li>
  <li class="lvl2"><a href="">Link2.4</a></li>
  <li class="lvl2"><a href="">Link2.5</a></li>
 </ul>
</li>
<li class="lvl1"><a href="#">Link</a></li>
</ul>
[HTML] pobierz, plaintext 

@edit
dorzucam jeszcze kawałek kodu css

[CSS] pobierz, plaintext 
.menu_gorne-lvl1 {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    font: bold 13px Arial;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #625e00;
    border-width: 1px 0;
    background: black url(images/menu.jpg) center center repeat-x;
    z-index: 999;
    display: block;
}
[CSS] pobierz, plaintext 

Ten post edytował cabana 28.07.2012, 21:59:53

[konrados]

Nie wiem o co biega, ale ubrałem Twoje menu w div o tak:

[PHP] pobierz, plaintext 
<div class='menu_wrap'>
  <ul class="menu_gorne-lvl1">
  <li class="lvl1"><a href="">Link1</a></li>
  <li class="lvl1"><a href="">Link2</a>
   <ul class="menu_gorne-lvl2">
    <li class="lvl2"><a href="">Link2.1</a></li>
    <li class="lvl2"><a href="">Link2.2</a></li>
    <li class="lvl2"><a href="">Link2.3</a></li>
    <li class="lvl2"><a href="">Link2.4</a></li>
    <li class="lvl2"><a href="">Link2.5</a></li>
   </ul>
  </li>
  <li class="lvl1"><a href="#">Link</a></li>
  </ul>
</div>
[PHP] pobierz, plaintext 

Nadałem mu:

[PHP] pobierz, plaintext 
.menu_wrap{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
}
[PHP] pobierz, plaintext 

A Twój styl zmieniłem tak:

[PHP] pobierz, plaintext 
.menu_gorne-lvl1 {
    list-style: none;
    margin: 0;
    padding: 0;
 
    font: bold 13px Arial;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #625e00;
    border-width: 1px 0;
    background: black url(images/menu.jpg) center center repeat-x;
 
    display: block;
}
[PHP] pobierz, plaintext 

I chyba jest OK.
Ale jakby co to ja sobie robię przerwę, więc jak to nie zadziała to kto inny będzie musiał pomóc.

[cabana]

Chodzi o to, że menu (menu_gorne-lvl1) jest ciągle widoczne a po najechaniu na link (Link2) pojawia się menu (menu_gorne-lvl2) a ja chcę aby menu_gorne-lvl2 nie poruszało się podczas przesuwania strony tylko żeby przykleiło się pod menu_gorne-lvl1

Ten post edytował cabana 28.07.2012, 22:15:55