CSS により要素を表示領域の天地左右の中央に配置する

対 MacIE5.x に考えたが、Mozilla1.2.1 もイケる、疑似的な解決法、或いは妥協案。

中央の要素の大きさ限定、ウィンドウの縦横比限定、色々条件あり、地域限定。


html { 
	display : block ;
	width : 100% ;
	height : 100% ;
	margin : 0 ; 
	padding : 0 ; 
} 

body { 
	display : block ;
	width : 97.5% ;
	height : 62.5% ;
	margin : 0 ; 
	padding : 1.25% ; 
} 

div { 
	display : block ;
	width : 25% ;
	height : 25% ;
	position : absolute ;
	top : 37.5% ;
	left : 37.5% ;
	padding : 0 ; 
	text-align : center ;
	color : white ;
	background-color : black ;
} 

なんとなく真ん中のような気がするね♪

書いた人

last modified 2003-01-21T19:24:03+09:00 カナかな団首領

案内