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

JavaScript Discussion :

Positionner un tableau à droite dans un div ?


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Par défaut Positionner un tableau à droite dans un div ?
    bonjour j'essaye de positionner mon tableau à droite mais il reste à toujours à gauche je ne sais pour quelles raisons
    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
    #IdTabBouton{ 	
    width:9%;
    height:80%;
    position:absolute;
    right:0px;
    z-index:2;
    background-color:#372F25;
    	}
     
    table#bouton {
    width:100%;
    height:100%;
    position:absolute;
     
    	}
    #IdDivIm{ 	
    		 width:90%;
    		 height:100%;
    		 position:relative;
    		/*pour ne pas être en desous du menu quand il est fermé et dont la taille de la barre vaut 29 correspond à wrg dans la fonction mng*/
    		 left:0px;
    		 background-color:#132959;/*#000000;*/
     
    	}
     
    #PageConteneur	
    { 	
    		 width:100%;
    		 height:80%;
    		 position:relative;
    		 top:10%; 
    		/*pour ne pas être en desous du menu quand il est fermé et dont la taille de la barre vaut 29 correspond à wrg dans la fonction mng*/
    		 left:0px;
    		 background-color:#132959;
     
    }
    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
    <div  id='PageConteneur' style="position:absolute; overflow:hidden;"  ><!---->
     
    			<!-- div Tableau de bouton-->
    			<div  id='IdTabBouton'>
    					<table id='bouton'>
     
    							<TR >
     
    								<td><img src='icon/doc_mesure_distance.png' onclick="activateLine();"></img>&nbsp;</td>
    								<td><img src='icon/doc_mesure_angle.png' onclick="activateAngle()";></img>&nbsp;</td>
     
    							</TR >
     
    							<TR >
    							    <td><img src='icon/doc_fenetre_n.png' onclick="contraste();desactivateBoth();"></img>&nbsp;</td>
    								<td><img src='icon/doc_inversion_lum_const.png'onClick='invert();desactivateBoth();'></img>&nbsp;</td>	
    							</TR>
     
    							<TR >
    								<td><img src='icon/doc_inversionDG.png'onClick='flipH();desactivateBoth();'></img>&nbsp;</td>
    								<td><img src='icon/doc_inversionHB.png' onClick='flipV();desactivateBoth();'></img>&nbsp;</td>
     
    							</TR>
     
    							<TR >
    								<td><img src='icon/doc_loupe_n.png'onclick="downloadWithajax();"></img>&nbsp;</td>
    								<td><img src='icon/doc_Rot 90G.png'onclick="downloadWithajax();"></img>&nbsp;</td>
     
    							</TR>
     
    							<TR >
    								<td><img src='icon/doc_RapatrierDicom.png'></img>&nbsp;</td>
    								<td><img src='icon/doc_mesure_niveau-cercle.png'></img>&nbsp;</td>
    							</TR>
     
    							<TR >
    								<td><img src='icon/precedent.jpg' onclick="imgPrecedente();desactivateBoth();"></img>&nbsp;</td>
    								<td><img src='icon/suivant.jpg' onclick="imgSuivante();desactivateBoth();"></img>&nbsp;</td>
    							</TR>
     
     
    					</table>
    			</div>
     
     
    			<div id='IdDivIm' style="position:absolute; overflow:hidden;" >
    		             autre chose.................
    			</div> 
    		</div>
    merci

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Ca existe vraiment ceci ?

    A priori on calcul à partir d'en haut (top) à gauche (left) et pas d'autre part. Reste à voir les align="right" pour les cellules du tableau.

  3. #3
    Membre éclairé
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Par défaut
    Ca existe vraiment ceci ? right:0px;
    ça existe quoi que tout les navigateurs de la 4ème génération n'interprètent pas encore cette propriété. Ceci dit mon problème persiste toujours

  4. #4
    Membre éclairé
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Par défaut
    en fait ça marchait déjà j'avais juste une fonction dont je n'ai plus besoin qui positionnait mon tableau au chargement de la page à un autre endroit

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Aligner à droite un tableau contenu dans un div
    Par yoyo2009 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/05/2009, 17h38
  2. Positionner un tableau à droite dans un div ?
    Par tintin72 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 22/03/2008, 17h19
  3. [W3C] Tableau excel dans un DIV
    Par LionHell dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 30/07/2007, 09h10
  4. Bug Firefox sur tableau centré dans un div (mauvais refresh)
    Par FrankOVD dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 04/07/2005, 17h47

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