解答例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<style>
div#center{
	width:80%;
	height:80%;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-40%;
	margin-top:-40%;
	background-color:#0000FF;
}
div#topleft{
	width:200px;
	height:200px;
	background-color:#FF0000;
	position:fixed;
	top:0;
	left:0;
}

div#topright{
	width:200px;
	height:200px;
	background-color:#00FF00;
	position:fixed;
	top:0;
	right:0;
}
div#bottomleft{
	width:200px;
	height:200px;
	background-color:#FFFF00;
	position:fixed;
	bottom:0;
	left:0;
}

div#bottomright{
	width:200px;
	height:200px;
	background-color:#00FFFF;
	position:fixed;
	bottom:0;
	right:0;
}
</style>
</head>
<body>
<div id="center">
</div>
<div id="topleft">
</div>
<div id="topright">
</div>
<div id="bottomleft">
</div>
<div id="bottomright">
</div>
</body>
</html>
inserted by FC2 system