復習

課題

少しずつ、きっかけがつかめそうな感じ。もっと、練習しよう。

レイアウトが崩れ、おかしなことになってしまった。
今日は、疲れたのでまた明日、かんがえよう。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE　html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Styl-Type" content="text/css" />
<title>10.3TEST</title>
<style type="text/css">
<!--
*{
  margin:0;
  padding:0;
}
body{
  background-color:#d2e5e5;
}
#container{
  width:800px;
  height:auto;
  margin:0 auto;
  padding:10px 0;
  background-color:#ffffff;
}
#header{
  width:780px;
  heighe:90px;
  margin:0 10px 10px 10px;
  background-color:#e6dcf0;
}
#wrapper{
  width:800px;
  height:auto;
  margin:0 0 10px 0;
  overflow:auto;
}
#content{
  width:585px;
  height:350px;
  background-color:#f0e7db;
  float:right;
}
#sidebar{
  width:185px;
  height:350px;
  margin:0 0 0 10px;
  background-color:#ddf0d5;
}
#footer{
  width:780px;
  height:90px;
  margin:0 10px 0 10px;
  background-color:#f0f763;
  clear:both;
}

</style>
</head>
<body>
<div id="container">
<div id="header">header</div>
<div id="wrapper">
<div id="content">content</div>
<div id="sidebar">sidebar</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>


[課題]忘筌

上手く表示することはできなかったけれど、CSSのレイアウトまで、保存、
ヘッダーで保存・・・と少しずつ確認をしながら作業をした。
CSSの何かつかめそうな予感がした。色々なソースを見ながら確認と打つ作業を続けてみよう。
真似を繰り返す、大事な気がする。