breakthrough design

This article has evolved into Vertical & Horizontal Centering in CSS, as it’s easier, more standards compliant, and doesn’t require javascript!

Just a quick reference, we’ll polish some later…

<code>

<script type=”text/javascript”>

function verticalCentering(container,element){
var containerheight = container.offsetHeight;
var imgheight = element.offsetHeight;
var newPad = (containerheight – imgheight)/2;
element.style.marginTop = newPad+’px’;
}
</script>

</code>

Container = Containing element (e.g. document.body, or a specific div element)

Element = Element that is being centered (e.g. “document.getElementById(‘someimg’))