Samme højde på elementer

Tuesday, June 26, 2012

Jeg sidder ofte og irriterer mig over at jeg ikke kan få CSS-reglen height:100% til at fungere (og det er helt klart fordi jeg ikke ved nok om CSS!). Derfor har jeg lige nappet et eksempel på jQuery plugin-intrositet og tilpasset den lidt, så jeg kan køre den på et sæt elementer og tilpasse højden på alle disse elementer til det højste.

Det ser nogenlunde således ud:

(function ($) {
  $.fn.alignHeight = function() {
    var max = 0;

    this.each(function() {
      max = Math.max(max, $(this).height());
    });

    this.height(max);

    // returner this for chainability
    return this;
  };
})(jQuery);

Det kan så kaldes nogenlunde således:

$(function() {
  $(".venstre-menu, .indhold").alignHeight();
});

Hvilket så gerne skulle gøre begge elementer lige høje (og fylde lige så meget som det højste element).

This was posted by Jan Hansen, created on Tuesday, June 26, 2012 Tag permalinket. Follow comments here by RSS feed til dette indlæg. You can post a comment.

Comment