[Resolu] Connaitre la hauteur d'une div

WRInaute impliqué
Bonjour à tous

Je voudrais savoir s'il y a un moyen de récuperer la hauteur d'une div grace à du Js.

En fait mon soucis c'est que ma div centrale est en height: 100% en CSS, avec contenu dynamique et donc une hauteur variable. Et mes deux colonnes latérales sont aussi en height: 100%, mais leur hauteur est donc fixée par leur contenu propre et non par celui de la div principale. Ce qui fait que bien souvent elles ne prennent pas toute la hauteur et c'est pas super beau.

Je pensais donc récupérer la hauteur en px de la div centrale grâce à du Js et à la ré injecter dans mes 2 colonnes.

Merci à vous
 
WRInaute impliqué
J'ai trouvé la soluce, je vous la mets pour les suivants


Code:
<script type="text/javascript">

var divleft = document.getElementById("blog_left").offsetHeight;
var divright = document.getElementById("blog_right").offsetHeight;
var divcenter = document.getElementById("blog").offsetHeight;

if (divleft<divcenter ) {
document.getElementById("blog_left").style.height = divcenter + 'px;';
}

if (divright<divcenter ) {
document.getElementById("blog_right").style.height = divcenter + 'px;';
}


</script>

A mettre bien entendu dans le footer puisqu'il faut bien que le Js lise le contenu pour en déterminer la hauteur
 
WRInaute accro
problème récurant dans le design CSS.

une solution (plus simple ?) consiste a mettre ta div gauche (en float left) et ta div droite (en float right) dans la div centrale de contenu qui contient en fin de contenu une div clear both.

Du coup quelque soit la taille de tes deux div latérales, la div qui contient tout est bonne.
 
Discussions similaires
Haut