function alertSize() { var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } return myHeight; } // CODE MAAKT CONTENT_LEFT EN CONTENT RIGHT NET ZO LANG ALS DE CONTAINER // // ***** OPMERKING: Ik heb deze functie hier geplaats, omdat ie niet correct werkt als externe JS. function fixH(hContainer, cl,cr,content) { //Hoogte van het scherm height = alertSize(); //Dit is ongeveer de hoogte van het menu, footer etc.. Per site verschillend correctie = 220; //De berekende hoogte van de container, afhankelijk van scherm hoogte. var calculated = (height - correctie); //controleren of de hoogte te klein is voor de content if(calculated < content) { calculated = content } //hoogte wijzigen document.getElementById(cr).style.height = calculated + 'px'; document.getElementById(cl).style.height = calculated + 'px'; } window.onload = function() { fixH('container','content_left','content_right',dh); } window.onresize = function() { fixH('container','content_left','content_right',dh); }