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.

<div id="menu" style="position: relative;">
Készíts ebben két div-et a "Hírek" után az alábbiak szerint:

<a href="?page=hirek"><img src="images/menu/hirek.png" alt="Hírek" style="float: left;" /></a>

<div style="position: absolute; top: 40px; left: 89px; width: 771px;">			
...
</div>
<div style="position: absolute; top: 0; width: 771px; left: 208px;">
...
</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!