試しにここのグリッドシステムを使ってみた
------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="notjustagrid1.1/css/reset.css"/>
<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/grid960.css" />
<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/type.css" />
<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/helpers.css" />
<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/ux.css" />
<link rel="stylesheet" href="style.css" type="text/css">
<title>カレンダーサンプル1</title>
</head>
<body>
<div class="container">
<!-- ヘッダ -->
<header>
<div class="full bg_lightgrey shadow_out_5 top_margin_10 vpad_10">
<h1>カレンダーサンプル1</h1>
<p>2012-02-08</p>
</div>
</header>
<!-- メインコンテンツ -->
<article>
<div class="full text_center full bg_mediumblue top_margin_10 vpad_10 round_5">
<h1>2001 1/1</h1>
<p>予定の文章</p>
</div>
</article>
<article>
<div class="full text_center bg_mediumblue top_margin_10 vpad_10 round_5">
<h1>2001 1/2</h1>
<p>予定の文章</p>
</div>
</article>
<!-- フッタ -->
<footer>
<div class="full bg_mediumgrey top_margin_20 vpad_10 ">
<p>Test version</p>
</div>
</footer>
</div>
</body>
</html>
よくある12カラムのやつをつかうか
CSS3のグリッドシステムをつかって自分で作らないとダメか