Gerer la hauteur maximale d'une div

Bonjour,

J'ai crée un système de news sur mon site, j'aimerais délimiter une taille maximale avec un petit lien "Lire la suite" qui afficherait 100% du contenu en cas de dépassement d'une hauteur pré-définit.

Je pourrais tout simplement compter le nombre de caractères avec php mais les news peuvent comporter des images, des puces etc, je préfère me fier à la taille réelle, j'ai trouvé une fonction pour récupérer la hauteur d'un élément en javascript:

Code:

---

document.getElementById('mon_elem').offsetHeight

---

Mais je ne sais pas trop comment m'y prendre, je ne peux pas utiliser "onchange()" car je veux que les calculs soient faits pour toutes les news à la génération de la page.

Si quelqu'un pouvait m'aider à me lancer, merci ! :ccool:

Bonsoir,

Regarde cette discussion.

A+.

Cette discussion parle quasi exclusivement de min-height et max-height, j'ai déjà testé cette méthode, le problème et que quand mon texte dépassait le "max-height" il débordait de sa div...

Peut-être faisais tu allusion à une autre notion de la discussion ? Auquel cas désolé mais je ne vois pas trop :aie:

Salut,
je te conseille d'utiliser du CSS pur dans un premier temps, pour donner une hauteur max à toutes tes news :

Code:

---

1 2 3 4 5

.news { overflow: hidden; height: 60px; /* par exemple */ }

---

Ensuite, un lien dans chaque news, qui réagit au clic et qui restaure la taille par défaut comme ceci :

Code:

---

cible.style.height = '';

---

Note que c'est un cas de figure idéal pour utiliser la délégation d'évènements.

Je te laisse chercher pour les détails ;)

Ajoute un overflow:hidden ;)

as-tu utilisé le js pour hacker max-height pour IE?

EDIT: grillé par Watilin