Salut,
Je suis en train de crée une barre de navigation haute flottante en m'inspirant de ce site:
http://www.echoecho.com/toolfloatinglayer.htm
Le probleme c'est que cette barre est sensée se mettre au dessus de tout ce qui se trouve sur ma page...
Ca mrche pour tout suaf les listes (select) qui viennent se mettre au dessus de ma barre ...
La question est simple: Comment obliger ma barre de navigation à rester au dessus ou mes listes à rester en dessous?
Y'a t'il un type dans le CSS qui gere cela?
Merci

LES CALQUES N'EXISTE PAS BON DIEU §§§§§§
 
Ensuite y'a pas besoin de JS à chier. Il existe une chose magnifique :

Bon, sous IE ça scrollera comme au bon vieux temps. Mais sous les vrais navigateurs, le machin qui est en position fixe ne bougera pas

mais justement je suis limité a IE ...
Tu as rien d'autre en magasin?

C'est pour un intranet, c'est ça ? Sinon y'a moyen de bricoler

je viens de tester ton truc: je confirme marche avec NS et Moz mais pas IE

Tu as tout deviné ...
Tout fonctionne bien sauf ces satanés listbox

La propriété z-index peut-être ?

Haaa oui, mais non. C'est un bug d'IE... Les select sont toujours au dessus du reste du monde, et il n'y a strictement rien à faire...

 
Alors là tu vas être vachement heureux de savoir que...
 
Tu peux pas
 
Parce que la team MSIE a décidé un jour pour une raison inconnue que certains éléments de formulaire (textareas et selects par exemple) étaient toujours au premier plan, donc même avec un z-index à 65535 tu ne peux pas mettre un truc par dessus
 
 
edit:
putain de bordel de merde  
Florent  
De deux secondes, enflure

Je me bat depuis tou à l'heure avec ces z:index....j'ai essayé positif negatif...et maintenant vous me dites que c'est pas possible   ?
 
Dites moi qu'il y a une solution...

Si c'est pour un Intranet comme tu dis, dit à ton boss que passer de IE à FireFox lui fera économiser des milliers d'euros en développement

Serieux vous voyez pas d'autre solution...j'ai un code tout beau, tout fonctionnait, je vais comme meme pas le jeter ?

 
 
  Et la le site va comporter tout plein de javascript, que firefox  n'aime pas du tout, et zou, foutu...  

Non, impossible de mettre quelque chose au dessus d'un select.  Mais alors vraiment que dalle. Ou alors de taper dans l'extrême bourin, et de trouver le moyen en JS de masquer la select si un machin lui passe dessus

Aucune, c'est un problème inhérent à MSIE, soit t'abandonnes l'idée de mettre des trucs par dessus le select, soit tu caches le select dynamiquement (JS/CSS) soit tu changes toute la philosophie et tu refais l'appli

sinon y a pas d'autre solution...iframes...htc (tres deconseillée mais bon)...
Pour tout vous dire le site est en Frames et je veux (et je dois) absolument le passer en Include!!
Je flippe!  

Si t'es sur un intranet, t'en a rien à foutre des frames, tu peux en mettre autant que tu veux.
 
On considère qu'un intranet est un environnement maîtrisé, où tous les postes clients ont le même navigateur pareillement configuré, et que l'utilisation qu'on en fait dépasse le cadre de sites webs (on parlera plutôt d'applications web), donc tu fais ce que tu veux niveau frames

merci florent...mais bon je vais chercher comme meme a faire ca en include...

 
Tu prend le droit chemin mon enfant...

Je pensais à un truc bourrin.
 
sur quirkmode ya une technique qui fait passer une balise de type P en Textarea et donc si on applique cette technique, et lorsque le DIV passe au dessus d'un textarea, le textarea se transforme en paragraphe ou DIV en essayant avec des style de lui donner la même gueule. ET paf nivu ni connu

Voici une solution :
 
Plutot que de transformer une listbox en texarea ou en image ou autre, pourquoi ne pas ne pas transformer le "calque div" (menu flottant, ou info-bulle, etc.) en ... listbox ?
Oui, en listbox, parce que c'est le seul élément qui puisse se superposer sur une autre listbox sous IE5 ou IE6.
Bien sûr, il faudra régler un petit problème annexe, qui est celui de la suppression de la barre de défilement et de la bordure qui ne sont pas du tout esthétiques dans le cas d'une info-bulle. Pour cela, il "suffit" d'inclure la listbox dans une div box (ou une span box) plus petite. Evidemment cela nécessite le calcul de la taille exacte de ladite div box (ou span box).
 
Vous pouvez voir une image du résultat chez le confère anglais codeguru.com, http://www.codeguru.com/forum/showthread.php?t=351872. J'avais posté ma réponse là-bas. Puis, comme j'ai vu que la même question était posée ici, je viens de m'inscrire pour vous communiquer ma solution.
 
Ci-dessous, le code pour un exemple complet:

ta pas plus moche comme code HTML ?
tes spans ils servent à rien, tu peux directement attaquer les objets.
 
Mais ta technique est pas mal, malheureusement, cela ne fonctionne que dans le cadre d'une infobulle limitée. si tu veux faire un joli menu flashy avec pleins d'options, ça ne fonctionne plus

 
je viens d'essayer et apparement ya pas de soucis de z-index sous ie (avec des valeurs positives c passé)

Salut,
 
il y a un moyen simple de biaiser le select, c'est de faire afficher un iframe avec une page vierge dedans sous ta div avec les mêmes dimensions. l'iframe passera au dessus du select, donc ta div aussi.

And the topic is born again...
 
Salut!
 
Je up ce topic car apres avoir chercher des solutions a ce probleme je me dis que certains ont peut-etre trouver des techniques ou astuces plus fiable ou plus propre.
 
Histoire de resituer le contexte, j'ai un menu deroulant fortement inspirer au niveau conceptionel a celui sur cette page d'exemple: http://www.ibilab.net/webdev/exemp [...] emple2.htm D'ailleurs pour ceux que cela interesse, le tuto de realisation de ce type de menu est dispo ici.
 
Alors ca se deroule niquel, il y a un petit peu de javascript histoire d'adapter les comportements du menu a Internet Explorer... Le soucis maintenant c'est que si un select (une liste deroulante html) se trouve dans au niveau du deroulement d'un sous menu, ce dernier passe en dessous, toujours avec IE. Enfin bref, je reinvente pas le probleme, je crois que les circonstances sont les memes, mais depuis ces derniers mois, y a t'il eu des changements? des solutions?
 
Merci    
 
PS: Si il n'y a pas de solutions, je serai super deg (ps2: si ca se trouve mon patron le sera encore plus que moi)

non, toujours pas de solution propre.
soit tu affiches une div avec une iframe dedans sous ton menu (l'iframe passera au-dessus du select et masquera celui-ci.
soit tu rends "hidden" le select lors du passage du menu au dessus.