[Resolu] Connaitre la hauteur d'une div

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


Djoule_logo
WRInaute passionné
WRInaute passionné
 
Messages: 712
Inscription: Mer Mai 30, 2007 0:21

[Resolu] Connaitre la hauteur d'une div

Message le Sam Mai 31, 2008 13:03

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


Djoule_logo
WRInaute passionné
WRInaute passionné
 
Messages: 712
Inscription: Mer Mai 30, 2007 0:21

Message le Sam Mai 31, 2008 19:42

J'ai trouvé la soluce, je vous la mets pour les suivants


Code: Tout sélectionner
<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


zeb
WRInaute accro
WRInaute accro
 
Messages: 1186
Inscription: Dim Déc 05, 2004 19:47

Message le Sam Mai 31, 2008 21:06

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.


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: agenceinternet et 0 invités