PDA

View Full Version : Animated Collapsible DIV styling issue



wspence
09-21-2007, 09:55 AM
1) Script Title: Animated Collapsible DIV

2) Script URL (on DD): Animated Collapsible Div (http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm)

3) Describe problem: I'm sure this is actually an issue with the way I'm styling this, but I figured you guys could help...I am using this script for a personal link page stored locally. Anyway, I am styling it by using it inside of divs that i have style like this


#a1 { position: absolute; left: 25px; top: 90px; background-color: #eee; width: 400px; padding: 5px; border-bottom:1px solid #BBBBBB; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-top:1px solid #BBBBBB; }

The problem is when I click the link to for the div to slide, it falls behind the other divs so I can't see the links. Anyone know how I should position this thing maybe? Thanks for helping a rookie out.

ddadmin
09-22-2007, 05:42 AM
Try giving the animated DIV a large z-index setting:


#a1 { position: absolute; z-index: 100; left: 25px; top: 90px; background-color: #eee; width: 400px; padding: 5px; border-bottom:1px solid #BBBBBB; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-top:1px solid #BBBBBB; }

wspence
09-23-2007, 07:58 PM
that helped a lot.