ugrás a tartalomhoz

IE 6 z-index probléma

gtoma · 2007. Szep. 25. (K), 12.46
Sziasztok!

2 menüsoros oldalt csinálok. Az alsó menüsorban is van legördülő és a felső menüsorban is.
A gond az, hogy IE6-ban a felső menüsor legördülője nem "takarja" az alső menüsor gördítőjében lévő linket.
www.gastroattase.hu

felső menüsor css:
  1. *.menugordit  
  2. {  
  3. position:relative;  
  4. margin:0px 0px 0px 0px;  
  5. padding:0px;  
  6. }  
  7.   
  8. *.menugordul  
  9. {  
  10. visibility:hidden;  
  11. position:absolute;  
  12. z-index:100;  
  13. left:150px;  
  14. margin:-20px 0px 0px 0px;  
  15. background-color:#F2F4F6;  
  16. padding:0px;  
  17. width:150px;  
  18. }  
alső menü css:
  1. .fgordit  
  2. {  
  3. position:relative;  
  4. text-align:left;  
  5. height:20px;  
  6. cursor:default;  
  7. z-index:10;  
  8. }  
  9.   
  10. .fgordul  
  11. {  
  12. position:absolute;  
  13. background-color:#DCECF1;  
  14. z-index:10;  
  15. visibility:hidden;  
  16. text-align:left;  
  17. width:120px;  
  18. top:20px;  
  19. }  
Igazábol a html-t nem merem berakni, mert elég hosszu. Van még 1-2 odatartozó css, de az szerintem nem tartozik ide. pl a linkek osztályai.

Ha velekinek ven idelye segíteni, kérlek tegye meg. A neten nem találtam "megoldást".

Előre is köszi!
 
1

Megoldás

nrbii · 2007. Szep. 25. (K), 18.59
Az Internet Explorer 6 nem támogatja a z-indexet!
2

őőő de

zila · 2007. Szep. 26. (Sze), 00.17
De támogatja. Csak a select listákkal van baja, azok nem veszik figyelembe a z-index-eket. Rejtegetni kell őket ha layeres tartalommal dolgozol.
3

patch

Fraki · 2007. Szep. 26. (Sze), 04.01
  1. ['al''fo'].each(function(val, idx) {  
  2.     $$('table[background="images/' + val + 'menu_hatter.gif"]')[0].setStyle({position: 'relative', zIndex: ['10''100'][idx]});  
  3. });  
4

???

gtoma · 2007. Szep. 26. (Sze), 16.23
Szia fraki!

ÖÖÖ ez pontosan micsoda? :)

és a 2. sorban a 2 dollárjel?



Egyébként igaz a select mezővel volt eddig csak problémám, bár ilyen, hogy 2 gb legördülő fedte volna egymást, nem volt pici életem során. :)
5

flash+z-index

asam9 · 2007. Szep. 26. (Sze), 16.54
http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index - hátha segít vmit :)
6

kifejtés

Fraki · 2007. Szep. 26. (Sze), 17.36
Szia!

Ez egy játékosan megfogalmazott patch. Ha beszúrod a html-ed aljára (<script> tagek közé), akkor jó lesz az oldalad.

A patchből ("szabad a gazda") kiolvasható, hogy mit csinál: css szabályokat ad két elemnek. Az egyik elem az a table elemed, amelyiknek a háttere a fomenu_hatter.gif, a másik meg az almenüs table. A forrásban nincs nekik id-jük, lásd el őket ilyennel, és utána css-ezhetsz is (azt hiszem, a "fomenu" és "almenu" már foglalt, de már nem emlékszem):
  1. table#t-fomenu {  
  2.   positionrelative;  
  3.   z-index100;  
  4. }  
  5.   
  6. table#t-almenu {  
  7.   positionrelative;  
  8.   z-index10;  
  9. }  
A patch-ben három Prototype függvény van (each, $$, setStyle), ezekhez lásd prototype.org.
10

PONTOT NEKI

gtoma · 2007. Szep. 27. (Cs), 11.13
Iszonyú nagy pont van nálad. Nagyon Köszi a helpet.
7

Why we won't help you...

Charybdis · 2007. Szep. 26. (Sze), 20.44
Ha szabad javasolnom, előbb a 192 hibát kellene kijavítani az oldalban, nem azért mert okosnak érzem magam, hanem mert ha valid lenne az oldal, lehet, hogy megszűnne a problémád.

Például névvel nem kezdődhet az id azonosító neve. A Firefox pl. nem támogatja, úgy értem úgy kezeli a névvel kezdődő id-t, mintha ott sem lenne. Tehát pl. ha ezek a hibák nem lennének, máris máshogy nézne ki Firefox alatt valószínűleg.

Why we won't help you?
8

id

asam9 · 2007. Szep. 26. (Sze), 21.36
Az tényleg gond lehet. Charybdis, "névvel" helyett nem "számmal"-t akartál írni?
9

De

Charybdis · 2007. Szep. 26. (Sze), 21.44
Ja igen, tehát számmal nem kezdődhet az id. A Firefox nem veszi figyelembe ezt a stílust:
  1. #123idazonosito {  
  2. ...akármi...  
  3. }  
11

Kösz!

gtoma · 2007. Szep. 27. (Cs), 11.14
Szia! Köszönöm a tanácsot.

Ámbátor az FF-el SEMMI problémám egyenlőre.