2011-08-23 1 views
4

J'ai une colonne de droite sur ma page qui a des hauteurs variables, définies comme hauteur: auto;Comment avoir des éléments copiez la hauteur automatique css d'un autre élément?

J'ai aussi une section de contenu de gauche, que je veux imiter la hauteur de ma colonne de droite. Comment puis-je le faire en utilisant css, jquery, ou un autre code?

+1

Je pense que vous êtes après [ce genre de chose] (http://stackoverflow.com/questions/1056212/how-do-i-achieve-equal-height-divs-with-html-css). – Alconja

+0

Vous pouvez simplement les définir pour être dans la même ligne de table html? – Quincy

+0

tableaux sucent pour la mise en page –

Répondre

5
$(document).ready(function() { 
    var x = $('#primary').height(); 
    $('#sidebar').css('height', x); 
}); 

Cet extrait jQuery prendra la hauteur de #primary et l'appliquer à #sidebar, la synchronisation de la hauteur des deux éléments.

http://jsfiddle.net/pUXCE/4/ < - exemple de travail.

+1

Attendez que cela ne fonctionne même pas dans le jsfiddle, les divs ne sont pas la même hauteur ... –

+1

Cela fonctionne, il y avait juste un type-o dans le mot "fonction". Essayez à nouveau avec l'orthographe appropriée, devrait fonctionner comme prévu. – GoGoGarrett

Questions connexes