Select and CSS, z-index problem

Author Message

laurent le cadet

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

Łukasz Serwatka

Thursday 16 February 2006 7:22:16 am

Hi Laurent,

Could you write in details what exactly you want do? Some code example (test site) or illustration which shows the situation?

Cheers

Personal website -> http://serwatka.net
Blog (about eZ Publish) -> http://serwatka.net/blog

laurent le cadet

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

Kristof Coomans

Friday 17 February 2006 1:44:48 am

In Internet Explorer, the z-index property doesn't apply to windowed controls. See http://support.microsoft.com/default.aspx?scid=kb;en-us;177378.

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

laurent le cadet

Friday 17 February 2006 1:50:08 am

Hi Kristof,

So, noway to hack it ?

Laurent

laurent le cadet

Friday 17 February 2006 2:03:37 am

...I don't really want to build a dropdown menu based on <li>+css.
Even if select is not really customisable, it's really usefull...

Thomas Hellstrøm

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]

laurent le cadet

Wednesday 22 March 2006 12:11:47 am

Hi,

Back again after a while, but with a concret exemple of what is going on.

I didn't solved the problem yet, but what I read about and saw (ez admin: context menu when cliking on icon is also under the select to add objects).

Anyway, if someone can do the trick, here is my problem :

http://www.bretagne.com/fr/locations_saisonnieres (roll over left menu, the sub items are under the selects of the maincontent).

Laurent

Kristof Coomans

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

laurent le cadet

Wednesday 22 March 2006 12:26:32 am

IE 7 : Great news !

Firefox : I know that the menu has problems, and I can't find where is the problem.
You talked about the JavaScript console : where I can find that ?

Laurent

Kristof Coomans

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

laurent le cadet

Wednesday 22 March 2006 12:34:40 am

Hi got it...

Some job to do...

Thanks

Laurent

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.