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 :

[CSS] Positionement relatif et z-index


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Profil pro
    Inscrit en
    Février 2006
    Messages
    235
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2006
    Messages : 235
    Par défaut [CSS] Positionement relatif et z-index
    Bonjour,

    Voila j'ai un soucis de positionement d'un element div.

    je souhaite afficher un div superposer sur le coin supérieure droit d'un tableau html

    hors j'ai des soucis je n'arrive pas a effectuer la superposition

    des images vaut mieux qu'un long discours...

    mon resultat : Image

    ce que je souhaite faire : Image

    mon code css:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <style>
    .AjaxLoading
    {
        background-color:Red;
        color:White;
        float:right;
        width:20px;
        position:relative;
        z-index:1000;
     
    }
    </style>
    La position en absolu ne me convient pas car je veut que ce soit dans le coin superieur droit d'un tableau html avec une longueur en pourcentage ....


    voici mon code 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
    15
    16
    17
    18
    19
    20
    21
     
        <div align="center">
            <div class="AjaxLoading">Chargement...</div>
            <table width="80%" border="1">
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>                                
                </tr>
                <tr>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>                                
                </tr>
                <tr>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>                                
                </tr>                        
            </table>
        </div>
    Celui qui peut m'aider je lui serai vraiment reconnaissant

    merci de votre aide !

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    58
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 58
    Par défaut
    Je ne crois pas qu'il soit possible d'afficher par-dessus ton tableau sans utiliser le position:absolute. À moins de mettre ton 'chargement' dans la cellule en haut à droite directement.

  3. #3
    Membre très actif
    Profil pro
    Inscrit en
    Février 2006
    Messages
    235
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2006
    Messages : 235
    Par défaut
    le probleme c'est que si je met dans une cellule de ma table ce ne sera pas en superposition. le but et d'afficher un div 'temporaire' ,pendant un chargement ajax, dans le coin superieure droit de ma table.

  4. #4
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    Je n'ai pas encore réussi à comprendre le fonctionnement de "absolute" (et relative), mais apparement le "absolute" n'est pas positionné forcément à partir du "body". Donc peut-être que si tu mets la partie à afficher dans ta table et que tu lui donnes une position absolue ça fonctionnera...

  5. #5
    Membre très actif
    Profil pro
    Inscrit en
    Février 2006
    Messages
    235
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2006
    Messages : 235
    Par défaut
    j'ai essaié ca ne fonctionne pas, en absolute (meme positionner a l'interieur d'un container comme une table ou autre) il se positionne toujours par rapport au body.

    Personne n'a une idée ?

    merci !

Discussions similaires

  1. [CSS] Mélange positionnement relatif et absolu
    Par sinok dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 01/06/2006, 17h20
  2. CSS problème avec z-index sous mozilla
    Par stringdrid dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 16/05/2006, 09h59
  3. [CSS]Problème de z-index
    Par Pill_S dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/02/2006, 20h03
  4. [CSS] li et z-index
    Par radimby dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 19/08/2005, 09h42
  5. [html+css] Probleme relatif
    Par ThitoO dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 18/06/2005, 12h44

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