div, z-index, liens, input, boutons et firefox

Version imprimable

09/04/2008, 12h03
mLk92

div, z-index, liens, input, boutons et firefox

Hi all,

J'ai créer un tableau récemment, ce tableau (assez compliqué) est en faite une imbrication de plusieurs div (contenant eux mêmes des tableaux) pour faire un seul et même tableau de type tableur Excel.

bref, tout cela est imbriqué avec des z-index pour permettre à certaines aux données du tableaux de coulisser sous les titres de lignes ou de colonnes.

Le problème est que dans ces données, il y a des données active, c'est à dire des liens, des input ou encore des boutons.

Alors tout cela fonctionne avec ie, mais pas avec firefox (encore une magouille d'ie, mais une qui m'arrange !).

Alors je voulais savoir s'il y avait une solution à mon problème, s'il y avait une petite tricherie pour tromper firefox...

Merci pour vos réponses !!
09/04/2008, 13h10
BnA

:tagcode:

Et entre les balises, mets ton code...

:roll:
09/04/2008, 13h38
MasterOfChakhaL

Citation:

Envoyé par mLk92

Alors je voulais savoir s'il y avait une solution à mon problème, s'il y avait une petite tricherie pour tromper firefox...

Quel problème ??

lol, il y a tout de même un peu plus de 600 lignes de code 8O

mais je vais mettre le code des 4 div, vous déduirez ensuite le pourquoi du comment :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
/* Div regroupant les 4 div qui forment le tableau */
div.globalTriDim{
	width: 100%;
	height: 90%;
	position: relative;
	margin: 0px;
	padding:0px;
}
/* div d'en haut à gauche */
.topLineTitle{
	width: 390px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	z-index: 3;
}
/* div contenant le titre des lignes, peut contenir des éléments actifs (liens ,etc)*/
.titleLine {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1;
}
 
/* div contenant le titre des colonnes, peut contenir des éléments actifs (liens ,etc)*/
.titreColonne{
	width: 98.5%;
	height: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	left: 0px;
	top: 0px;
	z-index: 2;
}
 
/* Div contenant les données, liens actifs, input text, bouton, etc */
.donnees {
	width: 98.4%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}

Voilà pour ce qui est du CSS, pour le HTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="globalTriDim">
   <div class="topLineTitle">
    .......
   </div>
   <div class="titleLine">
    .......
   </div>
   <div class="titreColonne">
    .......
   </div>
   <div class="donnees">
    .......
   </div>
</div>

Voilà voilàà, il peut y avoir des éléments actifs dans chacun des divs, cela fonctionne sous ie6 et + mais pas firefox.

ps: dsl de pas l'avoir mis plutôt mais parfois du code d'entrée vous fait fuir :aie::aie:

Merci pour vos réponses !

09/04/2008, 13h43
mLk92

Citation:

Envoyé par MasterOfChakhaL

Quel problème ??

Le problème est que mes éléments actifs sont inaccessibles avec firefox, à cause du z-index, donc je cherche une astuce pour palier à cela sans avoir à refaire le tableau (qui est très très très conséquent :? )
09/04/2008, 14h41
BnA

A tout hasard, tu n'aurais pas une URL à nous donner? Ca simplifierait pas mal les choses, de plus, nous pourrions voir ton problème in situ. ;)
09/04/2008, 15h16
mLk92

Je suis désolé mais c'est une appli web développé en java, donc pas d'url externe à l'entreprise :oops:

Mais pour illustré la chose je vais te donner une exemple simple d'utilisation.

Imagine toi un tableau rien de plus classique, (colonne, titre, données), maintenant il y a des liens (ou des inputs) dans les données, tu veux cliqué sur l'un d'entre eux. Sur ie, t'y arrive, mais pas sur firefox.

C'est ce que j'ai globalement, après c'est l'organisation de ce tableau qui fait qu'il est impossibe de cliquer ou autre.
22/05/2008, 15h54
mLk92

Je reviens un petit mois après sur ce message, je n'ai toujours pas trouvé de solution à ce problème !

Est - ce que quelqu'un aurait une idée ?

Le problème est simple, réussir par n'importe quel moyen à sélectionner un élément actif HTML (input, liens, etc) dans un div où la profondeur de z-index ne le permet pas.

Cela fonctionne à peu près sous ie mais pas sous firefox !

SVP HELP ME !!

Merci pour vos réponses !