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:

*.menugordit
{
position:relative;
margin:0px 0px 0px 0px;
padding:0px;
}

*.menugordul
{
visibility:hidden;
position:absolute;
z-index:100;
left:150px;
margin:-20px 0px 0px 0px;
background-color:#F2F4F6;
padding:0px;
width:150px;
}
alső menü css:

.fgordit
{
position:relative;
text-align:left;
height:20px;
cursor:default;
z-index:10;
}

.fgordul
{
position:absolute;
background-color:#DCECF1;
z-index:10;
visibility:hidden;
text-align:left;
width:120px;
top:20px;
}
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!
‹ DOM Inspectort keresek Windows-hoz CSS + 3 oszlop - kicsi extrával ›
 ■
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

['al', 'fo'].each(function(val, idx) {
	$$('table[background="images/' + val + 'menu_hatter.gif"]')[0].setStyle({position: 'relative', zIndex: ['10', '100'][idx]});
});
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):

table#t-fomenu {
  position: relative;
  z-index: 100;
}

table#t-almenu {
  position: relative;
  z-index: 10;
}
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:
#123idazonosito {
...akármi...
}
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.