Ik heb een CSS layout met een heading, een sidebar, een ruimte met content naast de sidebar en een footer.

In de sidebar heb ik een 'accordion-menu' welke enkele knoppen bevat die verticaal naar beneden uitklappen. Erg stoer enzo...

Nu wil het geval dat er bij 1 specifieke knop zoveel opties tevoorschijn komen dat het menu een klein irritant stukje achter de footer verdwijnt. Fixed layout!

Nu dacht ik slim te zijn en de footer een z-index mee te geven van -1....dit idee lijkt goed en werkt, het menu komt nu over de footer heen...aleen is het achtergrondplaatje van de footer nu verdwenen.

Weet iemand hier een oplossing voor?

Buiten het plaatsen van een nieuwe DIV in de footer of zo...

Moet ik nu soms de rest van de belangerijke layout DIV's ook een z-index geven?

....I wonder...

UPDATE! ik ontdek zojuist dat de z-index oplossing in IE7 wel werkt...in Firefox, Chrome en Safari(PC) gaat het menu wel over de footer heen...maar de achtergrondafbeelding van de footer is blanko.

UPDATE II! Wederom een ontdekking...de position...moet zijn bepaald voordat een z-index werkt. Dus absolute of relative...

Problem solved!

Reageren