Forum

Bonjour,

J'utilise des fiches annuaire pour présenter différents projets réalisés (image, titre, texte) que j'affiche ensuite dans une page à l'aide d'un bloc annuaire.
J'ai modifié le template directory_entry_summary_8.html, qui correspond au type de fiche que j'ai créé, de manière à obtenir la structure recherché puis j'ai codé un peu de CSS.
Dans ce CSS, afin de délimiter chaque fiche, il y a un box-shadow de défini mais mes fiches ne font pas toutes la même hauteur...
Alors en jQuery j'ai créé une fonction qui s'occupe de récupérer la hauteur de la plus grande fiche et d'attribuer aux autres fiches un min-height avec cette plus grande hauteur. Le processus fonctionne mais la valeur récupérée ne correspond pas vraiment à celle que je peux voir grâce à l'inspecteur.

Par exemple j'ai trois fiches ayant respectivement pour hauteur 1030px, 1074px et 1140px (via l'inspecteur) et la fonction jQuery ressort trois hauteurs différentes à savoir 1023px, 1001px et 1067px. Du coup le min-height défini est 1067px et les fiches ne sont donc toujours pas de même hauteur. J'ai essayé de récupérer les hauteurs des fiches avec height(), innerHeight() et outerHeight() mais ça ne change rien.

Quelqu'un a-t-il déjà rencontré ce problème ? Comment faire pour arriver au résultat attendu ?

Merci,
Emmanuelle