Rozwijana lista w menu aplikacji.

[HardPlayer]

Witam.

Mam problem, a mianowicie edytowałem szablon i zrobiłem sobie w menu aplikacji rozwijaną listę. Sęk w tym, że gdy to menu się rozwinie to jego część zasłania sidebar.

SS:

Dodatkowo na Firefox-ie menu nie jest tam gdzie powinno.

SS:

Nie wiem co robić.

Z góry dziękuję za odpowiedź.

Edytowane 25 Lipca 2012 przez HardPlayer

[DawPi]

Nie uważasz, że warto podać kod tego menu i gdzie go wstawiałeś, by było łatwiej?

[HardPlayer]

Kod menu:

<ul id="menu"> 

<li><a href='#'>Menu Rozwijane</a>
   <ul> 
   <a href="#" title="">Pozycja 1</a>
   <a href="#" title="">Pozycja 2</a>
   <a href="#" title="">Pozycja 3</a>  
   </ul> 
   </li> 

</ul>

				</ul></li>

			</div>

			<script type='text/javascript'>
				if( $('primary_nav') ){	ipb.global.activateMainMenu(); }
			</script>

		</div>	

<style type="text/css">

#menu {display: table; font-size: 12px; } 
#menu li {list-style-type: none; margin: 0 auto; float: left; overflow: hidden; } 
#menu li:hover {background: #404040; } 
#menu li a {display: block; color: white; text-decoration: none; padding: 12px 15px 12px; overflow: hidden;} 
#menu li a:hover {background: #404040; color: white; overflow: hidden;} 
#menu li li a {width: 150px;} 
#menu li ul {overflow: hidden; display: none; background: #242424; overflow: hidden;} 
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px; overflow: hidden;} 

/*ANIMACJA - tylko CSS3*/ 
*:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
</style>

Wstawiłem to w globalTemplate w sekcji APLICATION TABS.

[DawPi]

W CSS dodaj z-index: 1000.

[HardPlayer]

A mógłbym prosić dokładniejsze informacje? W którym miejscu mam to dodać?

[Patryk1011]

podejrzewam że w sekcji menu

[Macsch15]

Do elementów które są zasłaniane.

[HardPlayer]

Dobrze, teraz nic nie przykrywa mego tworu. Męczy mnie natomiast kolejna kwestia. Mianowicie dlaczego menu nie działa na Firefoxie?

[Macsch15]

Bo jest źle napisany? Takich skryptów nie piszę się pod jedną przeglądarkę, system i rozdzielczość ekranu.

W zasadzie to żadnych stron się tak nie powinno pisać. Trzeba sprawdzać na bieżąco w różnych.

[DawPi]

Są jakieś błędy w konsoli JS po kliku?

[HardPlayer]

Nie ma.