Wed, 2007-11-28 18:39
Hey.
I'm having an issue with a drop down menu. I have a search box with a link that when clicked will show a DIV with some filter options.
I am using Prototype to show and hide the div without any issues. The problem I am having is that the new DIV is supposed to show above all the other layers.
Instead it is expanding and pushing the content below it further down. I am not sure what could be the problem.
I have changed the z-index and it is positioned as relative.
I have attached the files needed to view a sample page. I changed the extension of the files so that I could upload them. They should be called default.css, myalerts.html and prototype_1_5.js.
Any help would be appreciated.
| Attachment | Size |
|---|---|
| default.txt | 5.01 KB |
| myalerts.txt | 3 KB |
| prototype_1_5.txt | 69.59 KB |
Wed, 2007-11-28 20:20
#1
it should be
it should be position:absolute and then you might have to set it's parent as position: relative to contain it.
Would be nice to see a live demo instead of code though.
Wed, 2007-11-28 20:39
#2
Thanks. That did the
Thanks. That did the trick.
Could you explain why that the parent has to be relative and the child has to be absolute?
I'm a newbie trying to learn as fast as I can.
I couldn't post it to a live site as I don't have a web hosting account. This was a work related question.
Wed, 2007-11-28 21:08
#3
http://www.w3.org/TR/CSS21/vi
http://www.w3.org/TR/CSS21/visuren.html#x19
Might help explain some stuff.