これを次のようにすっきりさせます。 ダイエット後のソースを記載しておきますので、ご自由にコピペなさってください。
どの部分が何のタグなのかわかりやすいように<!--メモ-->を書き加えました。
(いちからカスタマイズするぞ!という方向け。スグに使えるテンプレートはもう少し待ってね♪)
【メインテンプレートのソース】
バナー下の「left」と「right」はスタイルシートの「float」を使って並べてます。
スタイルシートを使った段組についてAll Aboutでとてもわかりやすく解説してくれてます。
私もとっても勉強になりました!
<!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" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="Movable Type <$MTVersion$>" />
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<title><$MTBlogName encode_html="1"$></title>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>
<body>
<div id="container">
<!--バナー開始-->
<div id="banner">
<h1 id="banner-header"><a href="<$MTBlogURL$>"
accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>
<!--バナー終了-->
<!--左側開始-->
<div id="left">
<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader> <h2 class="date-header"><$MTEntryDate format="%x"$></h2>
</MTDateHeader>
<a id="a<$MTEntryID pad="1"$>"></a>
<h3><$MTEntryTitle$></h3>
<$MTEntryBody$>
<MTEntryIfExtended>
<p>
<a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>" »</a>
</p>
</MTEntryIfExtended>
<p>
投稿者: <$MTEntryAuthorDisplayName$> 日時: <$MTEntryDate format="%X"$> | <a href="<$MTEntryPermalink$>">パーマリンク</a>
<MTIfCommentsActive>| <a href="<$MTEntryPermalink$>
#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive> </p>
</MTEntries>
</div>
<!--左側終了-->
<!--右側開始-->
<div id="right">
<!--ブログを検索 開始-->
<h2>検索</h2>
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">ブログを検索: </label><br />
<input id="search" name="search" size="20" />
<input type="submit" value="検索" />
</form>
<!--ブログを検索 終了-->
<!--カテゴリーのリストアップ開始-->
<MTIfArchiveTypeEnabled archive_type="Category">
<h2>カテゴリー</h2>
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> <MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</MTIfArchiveTypeEnabled>
<!--カテゴリーのリストアップ終了-->
<!--月別アーカイブのリストアップ開始-->
<MTIfArchiveTypeEnabled archive_type="Monthly">
<h2><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2>
<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader> <li>
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> </li>
<MTArchiveListFooter></ul></MTArchiveListFooter> </MTArchiveList>
</MTIfArchiveTypeEnabled>
<!--月別アーカイブのリストアップ終了-->
<!--最近のエントリーのリストアップ開始-->
<h2>最近のエントリー</h2>
<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> </ul>
<!--最近のエントリーのリストアップ終了-->
<!--ブログのフィード開始-->
<a href="<$MTBlogURL$>atom.xml">このブログのフィードを取得</a><br />
[<a href="http://www.sixapart.com/about/feeds">フィードとは</a>] <!--ブログのフィード終了-->
<!--クリエイティブ・コモンズ・ライセンス開始-->
<MTBlogIfCCLicense>
<a href="<$MTBlogCCLicenseURL$>"><img alt="クリエイティブ・コモンズ・ライセンス" src="<$MTBlogCCLicenseImage$>" /></a><br />
このブログは、次のライセンスで保護されています。 <a href="<$MTBlogCCLicenseURL$>">クリエイティブ・コモンズ・ライセンス</a>.
</MTBlogIfCCLicense>
<!--クリエイティブ・コモンズ・ライセンス終了-->
<!--Powered by開始-->
Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
<!--Powered by終了-->
</div>
<!--右側終了-->
<div style="clear: both; "></div>
<!--フッター開始-->
<!--フッター終了-->
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="Movable Type <$MTVersion$>" />
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<title><$MTBlogName encode_html="1"$></title>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>
<body>
<div id="container">
<!--バナー開始-->
<div id="banner">
<h1 id="banner-header"><a href="<$MTBlogURL$>"
accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>
<!--バナー終了-->
<!--左側開始-->
<div id="left">
<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader> <h2 class="date-header"><$MTEntryDate format="%x"$></h2>
</MTDateHeader>
<a id="a<$MTEntryID pad="1"$>"></a>
<h3><$MTEntryTitle$></h3>
<$MTEntryBody$>
<MTEntryIfExtended>
<p>
<a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>" »</a>
</p>
</MTEntryIfExtended>
<p>
投稿者: <$MTEntryAuthorDisplayName$> 日時: <$MTEntryDate format="%X"$> | <a href="<$MTEntryPermalink$>">パーマリンク</a>
<MTIfCommentsActive>| <a href="<$MTEntryPermalink$>
#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive> </p>
</MTEntries>
</div>
<!--左側終了-->
<!--右側開始-->
<div id="right">
<!--ブログを検索 開始-->
<h2>検索</h2>
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">ブログを検索: </label><br />
<input id="search" name="search" size="20" />
<input type="submit" value="検索" />
</form>
<!--ブログを検索 終了-->
<!--カテゴリーのリストアップ開始-->
<MTIfArchiveTypeEnabled archive_type="Category">
<h2>カテゴリー</h2>
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> <MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</MTIfArchiveTypeEnabled>
<!--カテゴリーのリストアップ終了-->
<!--月別アーカイブのリストアップ開始-->
<MTIfArchiveTypeEnabled archive_type="Monthly">
<h2><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2>
<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader> <li>
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> </li>
<MTArchiveListFooter></ul></MTArchiveListFooter> </MTArchiveList>
</MTIfArchiveTypeEnabled>
<!--月別アーカイブのリストアップ終了-->
<!--最近のエントリーのリストアップ開始-->
<h2>最近のエントリー</h2>
<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> </ul>
<!--最近のエントリーのリストアップ終了-->
<!--ブログのフィード開始-->
<a href="<$MTBlogURL$>atom.xml">このブログのフィードを取得</a><br />
[<a href="http://www.sixapart.com/about/feeds">フィードとは</a>] <!--ブログのフィード終了-->
<!--クリエイティブ・コモンズ・ライセンス開始-->
<MTBlogIfCCLicense>
<a href="<$MTBlogCCLicenseURL$>"><img alt="クリエイティブ・コモンズ・ライセンス" src="<$MTBlogCCLicenseImage$>" /></a><br />
このブログは、次のライセンスで保護されています。 <a href="<$MTBlogCCLicenseURL$>">クリエイティブ・コモンズ・ライセンス</a>.
</MTBlogIfCCLicense>
<!--クリエイティブ・コモンズ・ライセンス終了-->
<!--Powered by開始-->
Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
<!--Powered by終了-->
</div>
<!--右側終了-->
<div style="clear: both; "></div>
<!--フッター開始-->
<!--フッター終了-->
</div>
</body>
</html>