stmtk1/container.html

## container.html
<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" Content="text/html; charset=x-sjis">
<title>学習院ひろば</title>
</head>
<frameset cols="25%,75%">
    <frame src="./handle.html" name="handle">
<frameset rows="12%,88%">
    <frame src="./menu.html" name="menu">
    <frame src="./main.html" name="main">
</frameset>
</frameset>
</html>

## handle.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<style>
		#back_ground{
			position : fixed;
			z-index : -1;
			bottom : 0;
			right : 0;
		}
		div{
			position : absolute;
			bottom : 10px;
			right : 10px;
			color : #fff;
			size : 200;
		}
	</style>
</head>
<body>
	<img src="./trust_pic01.jpg" id="back_ground">
	<div>hello world</div>
	<script>
		var back_ground = document.getElementById('back_ground');
		back_ground.width = window.innerWidth;
		back_ground.height = window.innerHeight;
	</script>
</body>
</html>

## main.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<style>
		#back_ground{
			position : fixed;
			z-index : -1;
			bottom : 0;
			right : 0;
		}
		div{
			position : absolute;
			bottom : 10px;
			right : 10px;
			color : #fff;
			size : 200;
		}
	</style>
</head>
<body>
	<img src="./trust_pic01.jpg" id="back_ground">
	<div>hello world</div>
	<script>
		var back_ground = document.getElementById('back_ground');
		back_ground.width = window.innerWidth;
		back_ground.height = window.innerHeight;
	</script>
</body>
</html>

## menu.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<style>
		#back_ground{
			position : fixed;
			z-index : -1;
			bottom : 0;
			right : 0;
		}
		div{
			position : absolute;
			bottom : 10px;
			right : 10px;
			color : #fff;
			size : 200;
		}
	</style>
</head>
<body>
	<img src="./trust_pic01.jpg" id="back_ground">
	<div>hello world</div>
	<script>
		var back_ground = document.getElementById('back_ground');
		back_ground.width = window.innerWidth;
		back_ground.height = window.innerHeight;
	</script>
</body>
</html>

## section1.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<style>
		#back_ground{
			position : fixed; // 絶対座標
			z-index : -1; // ほかのものと重なったときに下に表示する。
			bottom : 0; // y座標
			right : 0; //x座標
		}
		div{
			position : absolute;
			bottom : 10px;
			right : 10px;
			color : #fff; // #fffで白
			size : 200; //文字のサイズ
		}
	</style>
</head>
<body>
	<img src="./trust_pic01.jpg" id="back_ground">
	<div>hello world</div>
	<script>
		var back_ground = document.getElementById('back_ground');
		back_ground.width = window.innerWidth; //背景の横幅を指定
		back_ground.height = window.innerHeight; // 背景の高さを指定
	</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<META HTTP-EQUIV="Content-Type" Content="text/html; charset=x-sjis">
	<title>学習院ひろば</title>
	</head>
	<frameset cols="25%,75%">
	<frame src="./handle.html" name="handle">
	<frameset rows="12%,88%">
	<frame src="./menu.html" name="menu">
	<frame src="./main.html" name="main">
	</frameset>
	</frameset>
	</html>