Hey folks,
I've got a block which creates a popup using jquery. But my client wants the popup to appear over the main content, to the right of the block, which is in the left sidebar. But the part of it that stretches over the boundary, outside of the left sidebar, is not visible. I tried using z-index, and that doesn't help.
You can see it at http://devel.indianchiefguides.com/en/germany
Just mouse over the div with the German flag on the left and you can see how the righthand part of the popup is missing. He actually wants the entire popup to appear to the right of the mouseover div.
So is there a way to make this happen? Something in a template file? If I create a new region, won't that actually displace existing content, when I just want the popup to cover it? Or are regions absolute and no exiting allowed.
Thanks for any help.
Dean
Comments
A possible answer
z-index only works on div's at the same level. In other words, if you have
<div>A<div>B</div>
</div>
<div>C
<div>D</div>
<div>E</div>
</div>
Then if A is in front of C, then B will always be in front of D. no matter what z-index you give to D. Assigning a z-index to D would only affect its display position relative to E.
So you might look up the chain to see if you can find a parent of your pop-up box that is at the same level as the main content area and then raise the z-level of the pop-up parent. Good luck!
Tony Freixas
tony@tigerheron.com
http://www.tigerheron.com
Tony Freixas
tony@tigerheron.com
http://www.tigerheron.com