Select and CSS, z-index problem

Thursday 16 February 2006 6:41:06 am

Hi,

It's not really an eZ problem but more CSS vs select.
I have a left menu using a popup menu for sub-items and a select close from this menu.
I can manage to deal with the z-index, or something else around the <select>, the popup menu still appear under the select.

Is there a way to act on a select so that it always appear under the other elements ?

Laurent

Thursday 16 February 2006 7:44:48 am

Hi Lukasz,

Sorry, I can't post here a URL because there is a payment gateway test in this part of the site and it would be too messy for us to have visitors.

Anyway, let's try ;)

Left-menu :

item 1
item 2 <select with it's dropdowlist >
item 3 ______________
item 4 | Popup of |
item 5 | sub-item
item 6 | on rollover
| item 3
|______________|
...

In the maincontent, I have a select, just on the right side of the menu.
The popup menu always appear under the select.

Is that clear enought (I wish I could make a screenshot !)

Laurent

Friday 17 February 2006 1:50:08 am

Hi Kristof,

So, noway to hack it ?

Laurent

Friday 17 February 2006 3:32:31 am

A general tip for solving basic HTML and CSS issues: Isolate the problem by making a general example, i.e. a single static HTML page demonstrating the situation, without any other unrelated details.

First; this will initially make it easier for you to find a solution on your own, and second; by posting a link to such an example you make it simpler for everyone else to understand the problem, and increase your chance of getting help.

If the problem includes JavaScript just include that in the example as well, and replace any dynamic content it may need with static content; it should make no difference.

Also; test the example in all available browser types and versions you've got available, and inform about the results; if it happens in all those browsers or if the results differs in any way. You should at least be able to test in Internet Explorer 6 (on Windows), Opera 8+ and Firefox 1+ (on any OS).

th[eZ]

Wednesday 22 March 2006 12:19:08 am

I'm currently testing the IE 7 beta 2, and I'm pleasantly surprised that the problem has been solved in that version.

For IE < 7, the only solution I know of is to hide the select boxes when you display the menu's.

By the way: try to test the site also with other browsers. In Mozilla Firefox, the menu doesn't work and the JavaScript console is being filled with a lot of errors.

independent eZ Publish developer and service provider | http://blog.coomanskristof.be | http://ezpedia.org

Wednesday 22 March 2006 12:29:45 am

Tools > JavaScript Console

Good luck!

independent eZ Publish developer and service provider | http://blog.coomanskristof.be | http://ezpedia.org