Bonjour,
 
Je désire mettre trois colonnes de noms sur ma page qui est est centrée.
 
Comment je fais pour m'assurer que la colonne de gauche est à 10px du bors de ma page centrée ?
 
De plus, j'aimerais que mes trois colonnes soient identiques.
 
Code css:
 
#corps{
background:#ffffff url(images/i_tuiles/f_600.jpg) no-repeat center center;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:5;
width:728px;
min-height:560px;
}
 
#colgauche{
  background:lightgrey;
   border:2px dotted black;
   position: absolute;
   left:100px;
   width:200px;
}
 
#colcentrale{
 background:lightgrey;
  border:5px dotted black;
  margin-left: 199px;
  margin-right:199px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 201px;
  margin-right:201px;
}
 
#coldroite{
 background:lightgrey;
   border:2px dotted black;
  position: absolute;
  right:10px;
  width:200px;
}

 
Rien compris  
 
Pour ce qui est des 10px ... avec un margin-left non ?  
 
QUand à la deuxième partie de ta demande ... ben ça veut pas dire grand chose ... identique dans quel sens ?

Je voudrais trois colonnes identiques, pareil, même grandeure, même largeur peut importe le texte.

ben tu les définis dans ta CSS :
 
width: xxx px;
height: xxx px;

+1... padding dans le corps de 10px
 + définition des largeurs/hauteurs.... 33% pour la largeur... comme ça chaque colonne fera 1/3 de ton conteneur

Si tu connais la hauteur et la largeur exacte que tu veux (disons par exemple 900 en largeur et 500 en hauteur, au pif)
 

<div id="container">
    <div id="left"></div>
    <div id="middle"></div>
    <div id="right"></div>
</div>

 
 
Et dans ta classe :
 

div#left,
div#middle,
div#right{
    width: 300px;
    height: 500px
}
 
div#left{
    position: absolute;
    left: 10px;
}
 
div#middle{
    position: absolute;
    left: 310px;
}
 
div#right{
    position: absolute;
    left: 610px;
}

Ok, merci!.
 
Je dois maintenant ajuster cela pour ça fite dans ma page actuelle qui elle est centrée dans l'écran.

Hmm pas vraiment non, là le positionement est absolu, tu ne peux pas le centrer comme ça.
 
Si tu veux un truc centré, il faut utiliser un DIV conteneur, qui lui sera centré, et mettre dedans tes 3 div, avec ceux de gauche et de droite en float (celui du milieu viendra s'insérer entre les 2)

J'ai placé les trois colonnes avec left, par contre, je pense que de cette façon, les résultats ne seront pas identiques d'un ordinateur à l'autre.
 
Si je veux ajouter deux colonnes en-dessous au lieu de trois. Présentement, le texte apprait au-dessus des mes trois colonnes.

 
J'ai encore une fois du mal à te comprendre ...

dans ma page, je mets trois colonnes et en-dessous, j'ai besoin de deux colonnes.

Alors juste après les 3 colonnes, mets un DIV avec un "clear: both;"  en CSS. Et fait tes colones en dessous.
 
C'est peut être pas exactement ça, mais j'ai du mal à saisir à quoi ça doit ressembler au final, quels sont les dimensions fixes et les dimensions variables etc...
 
Mais ça devrait marcher.

je ne comprends pas pourquoi le texte de mes deux nouvelles colonnes embarque par-dessus les trois colonnes actuellement en place.

Tu a mis un div en clear:both ?
 
Edit: Et puis avec un bout de code ce serait plus simple de t'aider

voici le div que j'ai mis dans ma page.
 
div#contdouble{
 clear: both;
 text-align: center;
}
 
http://www.uqtr.ca/fondation/Nf_ca.php

 
... et c'est quoi ça ? il se trouve où ? Et pourquoi un text-align ? Alors que c'est censé être un séparateur, il n'y a pas de texte dedans ...

ça, c'est le CSS
 
la page:
 
     <div id="contdouble">
      <div id="colcentrale">
      sadfasdf
      </div>
     </div>

Euh ... ben je vois pas ce que le clear both vient faire dans ce div alors

Je viens de regarder ma page sur un autre ordinateur et ça ne va pas du tout. C'est pour ça que j'utilise des table au lieu du CSS pour ce genre d'affichage, c'est pas long et ça fait le travail.

<div id="container">
    <div id="left"></div>
    <div id="middle"></div>
    <div id="right"></div>
</div>

div#left,
div#middle,
div#right{
    width: 300px;
    height: 500px
}
 
div#left{
    position: absolute;
    left: 10px;
}
 
div#middle{
    position: absolute;
    left: 310px;
}
 
div#right{
    position: absolute;
    left: 610px;
}

 Nannnnnnnnnnnnn pas les position:absolute  

est-ce que ce sera toujours centré peu importe la résolution de l'écran ?
 
Voilà le résultat: http://www.uqtr.ca/fondation/Nf_ca.php

ça va très mal mon affaire et en plus, je viens de constater que c'est affreux sous IE.

Peux tu recapituler clairement la mise en page desirée.
 
- Un conteneur centré sur la page de lageure fixe ? (qu'elle dimension ?)
- Trois blocs dans le conteneur. Doivent-ils etre centré dans le conteneur ou à une distance précise des bords du conteneur?
 

Dans cette page, je veux trois colonnes centrées sur la largeur de la page soit 742.
 
En-dessous, je veux 2 colonnes centrées sur la largeur aussi.
 
De plus, peu importe le navigateur et la résolution de l'écran, il faut une certaine stabilité.

Le positionnement absolu c'est de la merde en barre de caca, il ne doit pas être utilisé dans des cas comme le tiens.
Le mieux est d'utiliser le positionnement flottant, mais malheureusement j'ai pas le temps de te faire ton truc

 
Je n'ai jamais eu de pb avec le positionnement absolu   Que ce soit sous IE, FF, Opera etc...

pour ma part, le résultat sous ie est affreux.

 
Sortir les éléments de leur flux normal, oblige à gérer les hauteurs et autres choses.
De la manière dont tu lui as fait construire sa page on est pas sorti de l'auberge.

 
Oui c'est sûr, mais le problème a mal été énnoncé à la base je trouve. Là il veut integrer 3 colonnes à l'intérieur de son "cadre" déjà dessiné (enfin je me comprends)
 
Moi je croyais qu'il voulait simplement 3 cadres un à côté de l'autre, et rien d'autre....
 
Bon je suis peut-être pas très clair, mais je vois pas comment expliquer ça.

t'inkiète, ya aucun soucis de ce coté là.
 
Mais il y a une règle d'or que je respecte.
 
Il ne faut jamais figer les hauteurs dans une page, sauf dans des cas déterminés à l'avance.
 
Dans son cas aucune utilité de fixer des hauteurs, le contenu pouvant changer du jour au lendemain

Exact

Pour l'instant, j'abandonne pour mes trois colonnes.
 
Je vais démarrer un nouveau sujet pour m'assurer que mon cadre général est ok.
 
Je dois m'assurer que mon cadre fonctionne avec IE et firefox avant d'aller plus loin.

en gros il te faut ton cadre gauche en float: left; ton cadre droit en float: right; et le reste sans float, qui viendra se mettre entre les 2.
 
Et pour que ton cadre exterieur grandisse avec le reste, il faut (en dessous de tes 3 cadres interieurs) mettre un calque en clear: both;
 
Tu trouveras plus d'infos un peu partout sur le net. Notamment sur css.alsacreations.com
 
a+

Comment je peux mettre une ligne entre mes colonnes du haut et du bas ?