IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

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


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de mLk92
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    527
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 527
    Par défaut 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 !!

  2. #2
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut


    Et entre les balises, mets ton code...


  3. #3
    Membre éclairé Avatar de mLk92
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    527
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 527
    Par défaut
    lol, il y a tout de même un peu plus de 600 lignes de code

    mais je vais mettre le code des 4 div, vous déduirez ensuite le pourquoi du comment
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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


    Merci pour vos réponses !

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Citation Envoyé par mLk92 Voir le message
    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 ??
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  5. #5
    Membre éclairé Avatar de mLk92
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    527
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 527
    Par défaut
    Citation Envoyé par MasterOfChakhaL Voir le message
    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 )

  6. #6
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    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.

  7. #7
    Membre éclairé Avatar de mLk92
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    527
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 527
    Par défaut
    Je suis désolé mais c'est une appli web développé en java, donc pas d'url externe à l'entreprise


    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.

  8. #8
    Membre éclairé Avatar de mLk92
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    527
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 527
    Par défaut
    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 !

Discussions similaires

  1. Réponses: 4
    Dernier message: 02/06/2008, 11h51
  2. liens sur bouton flash
    Par tomowok dans le forum Flash
    Réponses: 8
    Dernier message: 24/05/2006, 16h54
  3. Des liens, des bouton et IE
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 29/11/2005, 16h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo