無題ドキュメント

課題

おかゆ１２さんのものを見て、練習させてもらいました。


　すごくわかりやすかった。でも、同じはずなのに。。。スペルチェックもCSSも検証したのだけど。目がおかしくなってて、間違いが探せなかった。

でも、すこしづつやっていることがわっかった気がする。

<?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-Style-Type" content="text/css" />
<title>無題ドキュメント</title>
<style type="text/css">
<!--
#container{
  position:relative;
    width:780px;
    height:auto;
    margin:0 auto;
    background-color:#9e8c80;
    overflow:auto;
}
#header{
    height:80px;
    margin:10px;
    background-color:#e2df71;
}
#header_inner{
    color:#9e8c80;
    font-size:0.8em;
    position:absolute;
    right:20px;
    top:30px;
}
#header_inner li{
    display:inline;
    margin:0 0 0 10px;
}
#wrapper{
    position:relative;
    height:320px;
    margin:10px;
    background-color:#d6dbd4;
}
#primary{
    position:absolute;
    left:10px;
    top:10px;
    width:530px;
    background-color:#e29761;
    z-index:1000;
}
#secondary{
    position:absolute;
    left:550px;
    top:10px;
    width:200px;
    background-color:#617fa8;
    z-index:1;
}
-->
</style>      
</head>
<body>
<div id="container">

<div id="header">
<div id="header_inner">
<ul>
<li><a href="#">このサイトについて</a></li>
<li><a href="#">お問い合わせ</a></li>
<li><a href="#">サイトマップ</a></li>
</ul>
</div>
</div>

<div id="wrapper">
<div id="primary">
<br /><br /><br /><br /><br /><br /><br /><br />
</div>
<div id="secondary">
<br /><br /><br /><br /><br /><br /><br /><br />
</div>
</div>

</div>
</body>
</html>