[Resolu] Connaitre la hauteur d'une div

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Djoule_logo, 31 Mai 2008.

  1. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    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
     
  2. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    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
     
  3. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    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.
     
Chargement...
Similar Threads - [Resolu] Connaitre hauteur Forum Date
[Résolu] Reconnaître un Doctype en PHP Développement d'un site Web ou d'une appli mobile 25 Juillet 2012
[Résolu] Connaître le status d'une Balise IMG Développement d'un site Web ou d'une appli mobile 8 Décembre 2008
[Résolu] Connaître l'histoire d'un nom de domaine ? Référencement Google 27 Mai 2007
Problème images en https (forum phpbb) [résolu] Développement d'un site Web ou d'une appli mobile 18 Novembre 2017
[Résolu] Redirection 301 FR vers EN sur Prestashop uniquement sur outils Google ? Problèmes de référencement spécifiques à vos sites 11 Septembre 2017
[résolu] Passage à HTTPS, comment tester une page ? Développement d'un site Web ou d'une appli mobile 7 Septembre 2017
[Résolu] Redirection d'une famille d'URL URL Rewriting et .htaccess 9 Mars 2017
[Résolu] Diaporama et SEO Débuter en référencement 17 Janvier 2017
[résolu]Redirection monsite.fr/index.html sur monsite.fr et seo URL Rewriting et .htaccess 16 Janvier 2017
[resolu]Publicité facebook lié au compte instagram Facebook 12 Décembre 2016
[résolu] Récupérer des valeurs issues de javascript pour les mettre en base MySQL Développement d'un site Web ou d'une appli mobile 18 Juillet 2016
[résolu] Faire une redirection sauf pour mon adresse IP URL Rewriting et .htaccess 15 Juin 2016
[Résolu] 2 descriptions pour une même url selon requête Crawl et indexation Google, sitemaps 1 Juin 2016
[résolu] Action onchange sur FORM/SELECT qui ne fonctionne qu'à la première action ?!? Développement d'un site Web ou d'une appli mobile 31 Mai 2016
[résolu] Sessions : lire le contenu alors qu'on ne sait pas comment il est nommé... Développement d'un site Web ou d'une appli mobile 25 Mai 2016
[résolu] Avoir un paramètre de session "dynamique" ? Développement d'un site Web ou d'une appli mobile 25 Mai 2016
[résolu] Hauteur de div selon état d'un bouton radio Développement d'un site Web ou d'une appli mobile 23 Mai 2016
[résolu] recupération de flux xml et erreur encodage des caractères Développement d'un site Web ou d'une appli mobile 27 Janvier 2016
[résolu] Carte Google Maps avec "zones de densité" Développement d'un site Web ou d'une appli mobile 5 Novembre 2015
Balise NoIndex ignorée par Google? [résolu] Débuter en référencement 13 Janvier 2015