Je ne vais pas passer en revue les différents fix, hacks et autre bidouillages css qui permettent de générer plus ou moins bien des colonnes de la même hauteur. il suffit simplement d'utiliser un plugin jQuery qui permet de modifier automatiquement la hauteur de vos différents blocs pour qu'ils soient tous aux mêmes dimensions.

Mon choix s'est porté sur le plugin matchHeight, dispo sur Github : https://github.com/liabru/jquery-match-height

Sa mise en oeuvre est on ne peut plus simple :

<script src="jquery.matchHeight.js" type="text/javascript"></script>

Ensuite, il suffit de ces quelques lignes pour voir la magie opérer.

jQuery(function($) {
    $('.bloc-meme-hauteur').matchHeight();
});

Et voilà, tous vos blocs (div, span, p, etc ...) qui utilisent la classe .bloc-meme-hauteur seront donc tous de la même hauteur.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Vous pourriez aussi être intéressés par

Utiliser plusieurs footer

Utiliser plusieurs footer pour , par exemple, avoir 2 bas de pages différents, 1 pour votre page d'accueil, et 1 pour la reste de votre blog.

Sep 14 2012

WordPress 4.3 "Billie" est sorti

La version 4.3 de Wordpress, BILLIE - du nom du musicien Billie Holiday - est sortie ce 18 août. Retour sur les changements majeurs de cette mise à jour pour les dev et les blogueurs.

Août 19 2015