素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: twitter: @javascripter にどうぞ。

エレメントを画面中央に表示する

function setCenter(element){
		element.style.top=Math.floor((screen.availHeight-element.offsetHeight)/2)+'px';
		element.style.left=Math.floor((screen.availWidth-element.offsetWidth)/2)+'px';
	element.style.position='fixed';
	window.addEventListener('resize',
			function(){
			element.style.top=Math.floor((screen.availHeight-element.offsetHeight)/2)+'px';
			element.style.left=Math.floor((screen.availWidth-element.offsetWidth)/2)+'px';

			},false);
}

setCenter(document.getElementsByTagName('h1')[0])

なんかいまいちうまく動かないことがある。

というか、画面の中央に表示するなんてCSSの仕事じゃないかなぁ。