Discussion :

[mLk92]

Hi all,

Je viens d'apercevoir un bug d'ie aussi drôle que frustrant et désolant ...

En effet, j'ai crée un tableau à partir de div multiple (tableau très complexe), ces div dispose de z-index pour avoir un type scroll bien personnel qui permet de faire bouger que les données lors d'un scroll vertical ou horizontale. Cela permet de garder les titres et les colonnes si on va à la case située à la 450e Ligne et 350e colonne .

Bref dans ce Div de donnée qui dispose du plus bas z-index soit 0, mes select passe au dessus de tout z-index. J'ai bien mes donnée qui passe sous les titre de colonne ou lignes, mais pas mes select ...

Ce bug n'apparait ni sous FF ni sous IE7 ..

auriez vous une idée ? ou avez vous déja vu cela ?

Merci pour vos réponses !

[ALCINA]

pour ie6 oui ça bugge c'est pas ta faute !

une solution crade pour contourner le problème !

met une iframe avant ta div ! oui c'est con mais ça marche :
exemple
le menu qui déroule sur le select ou agrandi l'image et passe la div sur le select :

http://www4.fnac.com/Shelf/Article.a...11&bl=HGIMblo1

inspecte le DOM tu verra dans les deux cas y a une iframe avant l'element désiré !

je ne sais pas si j'ai le droit de mettre ce site en lien mais bon !

[Keihilin]

mes select passe au dessus de tout z-index. J'ai bien mes donnée qui passe sous les titre de colonne ou lignes, mais pas mes select ...

ultra-vieux bug IE sur les select au niveau de l'application du z-index...

A ma connaissance, pas grand chose à faire si ce n'est des solutions à base de de détection de positionnement et de visible: hidden sur les select, solutions pas évidentes à mettre en place dans ton cas.

[mLk92]

pour ie6 oui ça bugge c'est pas ta faute !

une solution crade pour contourner le problème !

met une iframe avant ta div ! oui c'est con mais ça marche :
exemple :

http://www4.fnac.com/Shelf/Article.a...11&bl=HGIMblo1

je ne sais pas si j'ai le droit de mettre ce site en lien mais bon !

Très honnêtement, je n'ai jamais touché aux iframe et je voudrais éviter,

Il n'y aurait pas un hack ie6 pour ca ?

[Bisûnûrs]

Cf FAQ Javascript :

http://javascript.developpez.com/faq...put.div.select

Et je pense qu'une recherche sur le forum t'aurait donné de nombreux résultats.

[mLk92]

ultra-vieux bug IE sur les select au niveau de l'application du z-index...

A ma connaissance, pas grand chose à faire si ce n'est des solutions à base de de détection de positionnement et de visible: hidden sur les select, solutions pas évidentes à mettre en place dans ton cas.

J'ai près de 6 pages comme cela

Comment ça détecter le positionnement ?

Tu veux dire qu'en cherchant à savoir s'il passe sous le div de titre de colonne ou de ligne et en lui imposant à ce moment là un visible: hidden ?

Ouch Ca semble compliqué

[mLk92]

Cf FAQ Javascript :

http://javascript.developpez.com/faq...put.div.select

Et je pense qu'une recherche sur le forum t'aurait donné de nombreux résultats.

Oui c'est vrai Désolé

Merci pour le code, je vais l'essayer, par contre la position va encore me causer des bugs, m'enfin

[Keihilin]

Tu veux dire qu'en cherchant à savoir s'il passe sous le div de titre de colonne ou de ligne et en lui imposant à ce moment là un visible: hidden ?

Oui c'est exactement ça...

Je précise quand même qu'en disant qu'il n'y a pas de solutions simples, je voulais dire pas de solution simple propre.

Euh non, le truc de l'IFrame n'est pas considéré comme propre

[mLk92]

Pendant que je teste l'iframe (qui ne fonctionne pas encore GRRRRR ), est ce que vous connaissez un moyen de faire rentre des balise comme les <a>, les <select> ou les <input> accessible quand ils sont dans un div en z-index 0, sous firefox ?

[mLk92]

Bon alors, ça fonctionne pas ce que j'ai tenté, mais alors pas du tout ...

j'ai testé sur mon premier div où il ne devais pas y avoir de select qui apparait, voici le code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="topLineTitle" class="topLineTitle">
		<table class="block" border="0" cellspacing="0" cellpadding="0">
		.....
                </table>
	</div> 
	<iframe id='frameSelect' frameborder='0' scrolling='no' src='#' style="position: absolute; z-index: 0; width: 390px; top:0px; left: 0px;" ></iframe>

Le css du div (celui de l'iframe étant dans l'iframe):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
.topLineTitle{
	width: 390px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 3;
}

est-ce qu'il manque quelque chose ?