guiderdoni.net

Bloc notes : spip, css, xhtml, web, standards, mac ...

Accueil > web > Deux colonnes de même hauteur avec un peu de jquery

Articles de cette rubrique

Articles

publie le jeudi 21 janvier 2010 par Alexandra

Deux colonnes de même hauteur avec un peu de jquery

Soit deux div

<div id="rightCol">
</div>

<div id="mainCol">
</div>

Positionnées en float par exemple

#rightCol{width: 200px;float: right;border: 1px solid #fd3f58;}
#mainCol{width: 200px;float: left;border: 1px solid #fd3f58;}

et un peu de Jquery

        <script type='text/javascript'>
        $(window).load(function(){
        var lh = $('#mainCol').height();
         var rh = $('#rightCol').height();
         if (lh >= rh){
        //alert('left : ' + lh);
        $('#rightCol').height(lh);
        } else {
        //alert('right : ' + rh);
        $('#mainCol').height(rh);
        };
        });
        </script>

Forum

Répondre à cet article

2005-2017 - Contenu en GPL http://www.guiderdoni.net - Site réalisé avec SPIP 
rechercher - plan du site - prive - alexandra.guiderdoni@gmail.com
CSS - XHTML - squelette