http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html
http://www.greywyvern.com/?post=323
https://css-tricks.com/centering-css-complete-guide/
En cours
header > img { display:block; -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); position:relative; left: 50%; }
Utile quand l'enfant dépasse de son parent. Le display flex annule les marges et modifie beaucoup de choses, à éviter !
parent { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } enfant { -webkit-flex: none; -ms-flex: none; flex: none; }
http://stackoverflow.com/questions/17976995/how-to-center-absolute-div-horizontally-using-css
display: block; margin-right: auto; margin-left: auto;/* Séparation nécessaire pour IE */ position: absolute; right: 0; left: 0;
Il faut adapter la structure de la page pour celui-ci :
html { height: 100%; } body { height: 100%; } #centrage-table { height: 100%; width: 500px;/* Doit être fixe */ margin: auto; display: table; } #centrage-cell { height:100%; display:table-cell; vertical-align:middle; }