授業でのテスト問題
問題が掲載されているのは→http://d.hatena.ne.jp/web-design-advance/20120514/p1
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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"> * { margin: 0; padding: 0; } body { background-color: #ccc; } #container { background-color: #fff; width: 800px; height: auto; margin: 0 auto 10px; padding: 10px 0; } #header { margin: 0 10px 10px 10px; padding: 10px; 0 0 10px; height: 100px; color: #fff; background-color: #a3bed5; } #wrapper { width: 790px; height: auto; background-color: #fff; overflow: auto; } #sidebar { width: 220px; margin: 0 10px; height: auto; background-color: #9cc56e; float: left; } #sidebar ul { list-style-type: none; padding: 10px; } #content { color: #fff; width: 540px; height: 310px; padding:10px 0 0 10px; background-color: #dcd78a; float: right; } #footer { color: #fff; margin: 10px 10px 0 10px; padding: 10px; text-align: center; clear: both; height: auto; background-color: #e0b9d2; } h1 { font-family:serif; } </style> </head> <body> <div id="container"> <div id="header"> <h1>ここにサイトタイトルが入る</h1> </div> <div id="wrapper"> <div id="sidebar"> <ul> <li><img src="test_bn.jpg" width="200" height="80" /></li> <li><img src="test_bn.jpg" width="200" height="80" /></li> <li><img src="test_bn.jpg" width="200" height="80" /></li> </ul> </div> <div id="content"> <h2>見出し</h2> <p>本文</p> </div> </div> <div id="footer"> footer </div> </div> </body> </html>
上記ソースで表示された結果画像は→http://fight-2012.jimdo.com/2012/05/14/html%E3%81%A8css%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E8%AA%B2%E9%A1%8C/#permalink
解答は→http://d.hatena.ne.jp/webmaster-web/20120515/p1
先生のサンプル通りに入力できてないのにもガックリだが、
これだけ打つのに2時間かかってることに絶望した!