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

Facebook : Lister les pages que vous administrez

Pour publier sur une fan page, il faut obtenir un access_token valide avec l'autorisation de gérer les pages. Ce petit bout de code, à adapter selon vos besoins, liste les pages pour lesquelles vous êtes admin.

Déc 10 2012

Sauvegarde automatique de Mysql

Système de sauvegarde automatique des bases de données MySQL. automysqlbackup sauvegarde toutes vos tables de données et les conservent plusieurs jours, semaines ou mois, selon vos besoins

Août 05 2015
wordpress 4.4 Clifford

WordPress 4.4 Clifford

Worpdress 4.4 est disponible depuis hier. APi Rest, nouveau theme, images responsives et le support des metadata pour les terms sont les principales nouveautés.

Déc 10 2015