Ik probeer mijn panels allemaal dezelfde hoogte te laten krijgen.
Ik heb het één en ander gevonden, maar niets ervan hielp. Zo heb ik geprobeerd om dit aan mijn script.js te te voegen:
$(document).ready(function(){
// keep track of the tallest column
var tallest = 0;
// loop through columns and find the tallest
$('#panel_other_programs .panel-panel').each(function(){
if ( $(this).outerHeight(true) > tallest )
tallest = $(this).outerHeight(true);
});
// loop through columns and adjust height as necessary
$('#MY-PANEL-UNIQUE-IDENTIFIER .panel-panel').each(function(){
// check if current column needs to be adjusted
if ( $(this).outerHeight(true) < tallest ) {
// set new height
$(this).height( tallest );
}
});
});Dit zou moeten werken maar dit werkt niet.
Toen vond ik dit:
#tabs-tabset{
height:430px;
}
.ui-tabs-panel{
height: 400px;
overflow:auto;
}Maar dit hielp ook niet...
Ik heb bv 2 coloms in panels met rounded corners. Die wil ik allebei net zo lang hebben zodat het mooi symetrisch is.
Helaas lukt me dit dus niet, wie kan me verder op weg helpen?
Dit is eigenlijk geen Panelsprobleem, maar een bekend (en veelbesproken) CSS-issue. Mijn advies is om eens te googlen op CSS equal hights en hierover eerst wat theoretische achtergrondinformatie op te doen.
--
Bèr Kessels: http://webschuur.com | bler.webschuur.com
Drupal trainingen: http://wizzlern.nl