2013-05-14 6 views
-1

J'ai ces deux divs et j'aimerais centrer l'un dans l'autre. Toute aide serait appréciée.Comment centrer un div dans un autre div

<div class="PicturesBackground" style="height:350px; width: 100%; background: green; border-radius:15px;"> 
<div class="ContentArea" style="height:80%; width:90%; background: blue; margin-top:30px"></div></div> 

J'ai essayé d'utiliser les marges et padding et il met les marges/rembourrage sur toute chose au lieu de simplement la division au sein contentArea e div fond.

+3

Bonjour Kevin, souvenez-vous toujours de Google en premier. 'Comment centrer un div dans un autre div' donne beaucoup de bonnes réponses, y compris [this] (http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally) question de dépassement de pile fortement mise à jour. Merci! –

+0

duplication possible de [Comment centrer div dans un autre div?] (Http://stackoverflow.com/questions/11924553/how-to-center-div-within-another-div) – Lowkase

Répondre

0

Qu'en est-ce:

.ContentArea{ 
    margin-left: auto; 
    margin-right: auto; 
} 
+0

Qui le centrait horizontalement comment je le centre la boîte verticalement aussi bien? marge supérieure: auto; et marge-droite: auto; ne change rien. – ThatOneGuy

-1

Essayez this:

margin: 30px auto; 

Hope this helps!