Ho questa funzione che mi allinea i tre div che compongono la struttura del sito e funziona anche molto bene.
All'interno del div centrale ho altri div (identificati da id e non da classi )singoli contenenti delle immagini che però nel momento in cui viene richiamata la funzione, vengono "sbattuti fuori" dal div centrale, cioè messi sotto il div centrale che dovrebbe contenerli.
Qualcuno è in grado di dirmi perchè?
la funzione è questa qui sotto...
function getElementsByClassName(classname) {
var rl = new Array();
var re = new RegExp('(^| )'+classname+'( |$)');
var ael = document.getElementsByTagName('*');
var op = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
if (document.all && !op) ael = document.all;
for(i=0, j=0 ; i<ael.length ; i++) {
if(re.test(ael[i].className)) {
rl[j]=ael[i];
j++;
}
}
return rl;
}
function stessa_altezza(className) {
cols = getElementsByClassName(className);
var max = 0;
for(var i=0; i<cols.length; i++) {
if(cols[i].clientHeight > max) max = cols[i].clientHeight;
}
for(i=0; i<cols.length; i++) {
cols[i].style.height = max + "px";
}
for(i=0; i<cols.length; i++) {
if(cols[i].clientHeight > max) {
offset = cols[i].clientHeight - max;
cols[i].style.height = (parseInt(cols[i].style.height)) - offset + "px";
}
}
}
window.onload = function() {
stessa_altezza('stessa-altezza');
return true;
}