Discussion :

[duplo]

Bonjour!

je ne trouve aucune solution à mon probleme :

j'ai un <div> qui en contient 2 autres, un en desous de l'autres.

je voudrais avoir celui du haut centré en hauteur et en largeur et le second centré en largeur mais en ba de son conteneur.

le div conteneur à une taille fixe mais peut etre a differents endroits non connu de la page.


comment faire ??


merci d'avance

[MasterOfChakhaL]

salut,

Pour le centrage en hauteur, c'est ce qu'il y a de plus dur. Si tu ne connais aucune dimension, je ne uis pas sur que ce soit possible.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div id="container">
  <div id="centre"> nlaa ad lkz<br /><br /> dlakzd la</div>
  <div>ceci est en bas</div>
</div>

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 { border: 1px solid red; } /* ca sert a visualiser */
#container {
  text-align: center;
  width: 50em;
}
#container * {
  text-align: left;
}
 
#centre {
  margin: 5em auto;
  width: 30em;
}

Je pense que ceci ne répondra surement pas directement a ta question car je crois que tu ne donnes pas assez de détail mais ca te donnera peut-être des idées.

Normalement, c'est le margin auto sur #centre qui centre horizontalement. Le text-align:center sur #container sert a pallier quelques problèmes d'IE.