Copyright(C) 2000-05-31,2010 M . Tsukui, Suginami Junior and Senior High School affiliated with Bunka Women's University All rights reserved. |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無題 1</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無題 1</title>
</head>
<body>
<div class="container">
<div class="titile_logo"></div>
<div class="left_menu"></div>
<div class="contents"></div>
<div class="right_menu"></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSSを用いたレイアウト表示の練習</title>
<style type="text/css">
.container {
width : 100%;
float: left;
overflow:hidden;
}
.titile_logo {
background-color: #99CCFF;
width : 100%;
float: none;
}
.left_menu {
background-color: #FFCCFF;
width : 20%;
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
.contents {
background-color: #FFFFCC;
width : 60%;
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
.right_menu {
background-color: #9999FF;
width : 20%;
float: right;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
</style>
</head>
<body>
<div class="container">
<div class="titile_logo">*********************************<br>
CSSを用いたレイアウト表示の練習・・・・ここはタイトル領域<br>
*********************************</div>
<div class="left_menu">
<br />
ここは右側の領域<br>
項目1<br>
項目2<br>
項目3<br>
項目4<br>
項目5<br>
<br>
上記、各項目にはメニューとメニュー先へのリンクを記述する。<br>
<br>
</div>
<div class="contents">
<br>
コンテンツはここに書く。<br>
<br>
</div>
<div class="right_menu">
<br />
ここは右側の領域<br>
<br>
</div>
</div>
</body>
</html>