Фикс за дивове тип колони

Хиляди пъти съм се сблъсквал с това да имам колони, които трябва да имат еднаква всиочина, която не може да бъде фиксирана, а съдържанието им е с различна големина. В интерес на истината фиксове за това има. Не са много и повечето са доста креативни – или 1 камара css, или 4-5 допълнителни дивове или какво ли още не. По принцип не се занимавам с дизайн, гледам да го избягвам сериозно, но има моменти в които се налага. Та май във всеки един такъв момент ми се е налагало да мисля как да оправям точно този проблем. Веднъж завинаги се хванах и измислих елегантно решение по въпроса.

Фикса (благодарение на jQuery)

Посоченият фикс е за конкретна нужда, тоест моя блог, но може да се използва за много повече дивове, а не само за два както е в случая. Нямам нужда от reuse (поне тук) така, че  функцията се извиква без параметри, но е добра идея да си добавите такива. Най-идейно е всички дивове, които искате да бъдат еднакви да имат един и същи клас и с един фориич да се обхождат, търсейки най-голямата височна. Както и да е, вариации много, показвам конкретното решение:

function border_fix() {

var content = $(„#content“).height();
var sidebar = $(„#sidebar“).height();

if (content > sidebar)
{
$(„#sidebar“).height(content);
}
else
{
$(„#content“).height(sidebar);
}
}

Това е. Доста е просто нали? Еми да… jQuery прави нещата лесни Разбира се трябва да извикате функцията при зареждане на страницата.Надявам се да ви влезе в полза все някога. Нещо, което в общи линии не се съмнявам, че ще стане. Ако някой има по-добри решения на проблема, ще се радвам да ги сподели, защото това решение колкото и елегантно да е, едва ли би помогнало при изключен JavaScript…

Дискусия