Centrage vertical sur élément avec hauteur non définie.

bonjour à tous,

J'aimerai savoir s'il existe une solution sans utiliser les FLEX-BOX. je cherche depuis un moment et je ne trouve que des solutions où il y a un moins un bloc conteneur qui est de taille fixe défini par height.

Vous confirmez qu'en css cela n'est faisable qu'avec Flex-box ?

Bonjour et bienvenue,

Il y a une technique utilisant "on déplace dans un sens de la moitié de la hauteur (du conteneur) puis dans l'autre de la moitié (c'est-à-dire -50%) de la hauteur du contenu. Avec top / margin-top ou transform: translateY()
Je te laisse chercher dans http://putaindecode.io/fr/articles/css/centrer/ et https://la-cascade.io/centrer-en-css-un-guide-complet/ faute de temps (je vais partir du boulot dans 3..2.. )

Bonsoir @ThierryDC

il existe plusieurs méthodes pour centrer verticalement et sans utiliser flexbox ou une height fixe.
Voici plusieurs liens à lire et tester selon ton cas mais qui t'apprendront en tous cas des techniques différentes de centrage vertical :

Cet article de @Raphael sur le positionnement est hyper complet, c'est LA référence pour comprendre le positionnement ->

http://openweb.eu.org/articles/le-modele-tabulaire-en-css
et là -> http://www.alsacreations.com/tuto/lire/1522-le-modele-tabulaire-en-css.html

Après tu as d'autres ressources comme ici -> http://codepen.io/shshaw/pen/gEiDt

et ici -> http://codepen.io/anon/pen/jJdcE

et là -> https://css-tricks.com/centering-percentage-widthheight-elements/

J'espère que tu trouveras une réponse à ton problème dans tout ça .
Bon courage

Merci beaucoup, je vais regarder tout cà.

Salut. Je confirme l'excellente source :
https://la-cascade.io/centrer-en-css-un-guide-complet/

On peut ajouter en Français : https://www.grafikart.fr/tutoriels/html-css/centrer-css-614
Modifié par Damino (18 Feb 2016 - 12:07)