28172 sujets

CSS et mise en forme, CSS3

Aide pour centrer des div

Salut à tous,

voila j'ai un petit problème, je ne parviens pas à faire centre les div "B" et "C" au milieu du div "A"

Quelqu'un aurait-il une solution?

Merci d'avance pour vos info.

#AA {
	background-color: #F00;
	height: 400px;
	width: 400px;
}
#A {
	background-color: #C6F;
	height: 200px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#B {
	background-color: #0CF;
	height: 30px;
	width: 30px;
	text-align: center;
	float: left;
}
#C {
	background-color: #0CF;
	height: 30px;
	width: 30px;
	float: left;
}
</style>
</head>

<body>
<div id="AA">
  <div id="A">
  <div id="B">1</div>
      <div id="C">2</div>
  </div>
</div>
</body>
Tu es obligé (enfin je pense !) de créer une div qui englobe B et C.

<div id="A">
   <div id="ABis">
       <div id="B">1</div>
       <div id="C">2</div>
       <div class="clear"></div>
   </div>
</div>


Et côté CSS :
#ABis {
     width:60px;
     margin:auto;
}
.clear {
     clear:both;
}

Modifié par vincentD83 (09 Aug 2011 - 14:51)
Sujet clos
Aller à