ugrás a tartalomhoz

z-index probléma Internet Explorerben

Doktor Schnabel · 2010. Május. 11. (K), 15.05
Nem igazán konyítok a webporgramozáshoz, de úgy hozta az élet, hogy kénytelen voltam egy általam létrehozott Design alá lőtt kódot finomítani, mert aki a sitebuildet csinálta nem igazán volt a helyzet magaslatán. Kis analitikus gondolkodással azért ráéreztem a dolgokra, de két dolog kifogott rajtam. Az alanya: www.bakonykuti.com

1. Internet Explorer-ben a legördülő menü becsúszik a főmenüsor alsó sorának gombjai alá. Próbálgattam a z-index-el játszani a style.css-ben, de sehogy nem akarta az igazat. Komoly probléma, mert a célközönség egy kis falu népe, akik nagy eséllyel használnak (sajnos) Explorer-t.

2. Ez a probléma minden böngészőnél jelen van, bár az én gépemen a Firefox valamiért nem produkálja: A legördülő menü begördül a jobb oldali SWF objektumok alá.

Hálás lennék ha valaki rávilágítana a problémák megoldására. Előre is köszönöm.
‹ Weblap IE8 jQuery + mátrix ›
 ■
1

A 2. kérdésedre asszem tudom

mahoo · 2010. Május. 11. (K), 17.59
A 2. kérdésedre asszem tudom a megoldást: a flash wmode praméterét transparent-ről opaque-ra kellene állítani. Egy próbát megér ;).
4

Sajnos ez nem

Doktor Schnabel · 2010. Május. 14. (P), 00.07
Sajnos ez nem működik, de azért köszönöm :)
2

1. problémára

csla · 2010. Május. 13. (Cs), 09.05
Ha nem fontos, hogy a forrásban milyen sorrendben szerepelnek a menüpontok, akkor az alábbi megoldással kiküszöbölheted a problémát.

Legyen a menüt tartalmazó div pozicionálása relatív, hogy tudjál benne abszolút pozicionálást megadni.
  1. <div id="menu" style="position: relative;">  
Készíts ebben két div-et a "Hírek" után az alábbiak szerint:
  1. <a href="?page=hirek"><img src="images/menu/hirek.png" alt="Hírek" style="float: left;" /></a>  
  2.   
  3. <div style="position: absolute; top: 40px; left: 89px; width: 771px;">              
  4. ...  
  5. </div>  
  6. <div style="position: absolute; top: 0; width: 771px; left: 208px;">  
  7. ...  
  8. </div>  
Az első div-be tedd bele az alsó menüpontokat, a második div-be pedig a felső menüpontokat. Így - mivel a forrásban később található - a felső menü felette lesz az alsónak "z-index szempontból" is.

A stílusokat persze tedd a css-be, csak így egyszerűbb volt leírni. :)
3

Köszönet, első probléma megoldva!

Doktor Schnabel · 2010. Május. 14. (P), 00.06
Sikerült, Ezer köszönet a segítségért!