[Resolu] Connaitre la hauteur d'une div


Djoule_logo
WRInaute impliqué
WRInaute impliqué
 
Messages: 712
Inscription: 30 Mai 2007

[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 impliqué
WRInaute impliqué
 
Messages: 712
Inscription: 30 Mai 2007

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: 3283
Inscription: 5 Déc 2004

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.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités