Weblabor

Üdv mindenkinek!

Van egy nagyon idegesítő problémám. Szóval csináltam magamnak kis lenyíló listákat JavaScript-tel. Olyanokat mint a HTML <select> eleme, de azért nem azzal mert az nem tetszett nekem.(Tudom hogy CSS-sel lehet alakítani azt is, de az se volt jó megoldás) Szóval alapvetően vannak gombjaim, melyekre kattintva előugranak ezek a listák. Ezeket a listákat előre beszúrtam a HTML dokumentumba csak a display értéküket CSS-ben "none" -ra állítottam ezért nem látszanak. A script azt csinálja, hogy megkeresi az x és y koordinátát ahonnan a lista gombja kezdődik és ahhoz viszonyítva (alatta) jeleníti meg a listát.(Ez azért jó, mert a gombokat akárhova áthelyezhetem a listák "követni fogják" őket). Nah ez volt a bemelegítő csak hogy tisztában legyen mindenki hogy miért kell nekem az ami kéne :-)

Szóval ezek a listák ugye position: absulute; - helyzetmegadásúak, hogy takarják az alattuk levő tartalmat. Egyébként hibátlanul működnek, ezekkel nincs baj. Viszont én szeretnék alájuk "árnyékot" is, hogy jobban nézzenek ki :-) És ezzel van a bajom. A listáimnak nincsen megadva a magasságuk és a szélességük, hanem csak akkorák amekkora a tartalmuk. Így ha azt megváltoztatom nem kell ezekkel az értékekkel bajlódnom. Az árnyékot úgy képzeltem el, hogy egy <div id='lista_arnyek'></div> elemmel valósítom meg, aminek a helyzete szintén position: absolute; lesz, és z-index értéke 1 -el kisebb lesz a listákénél, mivel alájuk kéne kerülnie. (és mondjuk szürke színű lesz de ez most lényegtelen) Idáig minden működik is, csak az a baj hogy a magasságát és a szélességét nem tudom hozzáigazítani a listák dinamikus magasságához és szélességéhez. Tudom hogy van az object.offsetHeight és offsetWidth tulajdonság de ezek sajnos 0 -át adnak vissza mikor lekérdezem velük a lista magasságát és szélességét, és azt nem értem hogy miért ? Ha valaki tudja a megoldást akkor szivesen várom, és a segítséget előre is köszönöm :-) (meg bocs a hosszú problémáért :D )