Hi,
I use this function to center a DIV both horizonatally and vertically.
function divCenterer(id, w, h){
if (document.layers){
document.layers[id].width=w;
document.layers[id].pageX
=(window.innerWidth/2)-(document.layers[id].width/2);
document.layers[id].height=h;
document.layers[id].pageY
=(window.innerHeight/2)-(document.layers[id].height/2);
}
else if (document.all){
document.all[id].width=w;
document.all[id].style.posLeft
=(document.body.clientWidth/2)-(document.all[id].width/2);
document.all[id].height=h;
document.all[id].style.posTop
=(document.body.clientHeight/2)-(document.all[id].height/2);
}
else if(document.getElementById){
document.getElementById(id).width=w;
document.getElementById(id).style.left
=(window.innerWidth/2)-(document.getElementById(id).width/2);
document.getElementById(id).height=h;
document.getElementById(id).style.top
=(window.innerHeight/2)-(document.getElementById(id).height/2);
}
}
I apply it this way:
<body onLoad="divCenterer('container', 100, 100);"
onResize="location.reload()">
<div class="b" id="container"
style="position:absolute;height:100;width:100;"> etc.
I must say it perfectly works on IE6, every version of Firefox and some
old browser but they have told me that this function is not as good as I
thought. Could you help me improve it? They suggested me to change the
position of document.getElementById with that of document.layers but
this way it doesn't work. They have also told me I could avoid passing w
and h but I don't know why and how.
Any idea or practical code sample to get this function better?
Thanks,
Thunder
