アーカイブページも枠で囲みたい

質問

<div class="boxtop"> </div>
<div class="boxmiddle">
『文章』
</div>
<div class="boxbottom"> </div>
▲とすれば、『文章』を枠の画像で囲む事が出来ると知り
ブログのエントリー部分を囲みました

ですが、エントリやサイドバーを囲めたものの…
エントリ・アーカイブやカテゴリ・アーカイブの中身を
枠画像で囲めずに困っています

さきほど述べたclassの指定を、
エントリーアイカイブやカテゴリーアーカイブの、
テンプレートページの何処に設定すれば良いのかが分かりません・・。

pagebodyを囲うのか、entry-contentを囲うのか・・
出来ればalpha（左）部分とbeta（右）部分を別々で
行いたいのですが・・。

何処に設定すべきか、ご存知の方…助けてください

回答No.4

Muller3

＞entry-contentの白色背景はどうやったら調節できるのか？

.entry-contentはまず左右marginを0に。内容物の左右位置はpaddingで調整できます。（.entry-bodyへの指定でもできる）

＞上蓋とエントリタイトル、下蓋とパーマリンク欄が窮屈で

一番簡単なのは、画像処理ソフトなどで、上蓋と下蓋の画像の高さを足すことだと思います。画像が寸足らずなので、真ん中の要素「entry-content」に届かないのです（って意味わかりますかね）

このままの画像を使うのでしたら、.entry-contentの範囲で調整する必要があるかと。

上蓋の位置は、.entryの上paddingで調整しては。
すると上蓋が上の方に行くので、.entry-contentの上marginをマイナスで指定。
文字が上の方にいってしまうと思うので、上paddingで位置を調節。
下蓋は、.entry-footerの下paddingで位置を指定。で、.entry-contentの下marginをマイナス指定し、下paddingでfooterの位置を調節すればできると思います。

他のブラウザでどういう見え方になるかも、チェックした方がいいかもしれません…。

スタイルシートの指定は後にするほど優先される（同じセレクタに同じ指定をした場合、後の指定が前の指定を上書きする）というのはご存じですか？もし変更しても何の変化も起きなかった場合、同じ指定が後にされている場合があります。

※Movable Typeのスタイルシートは、なるべく
/* page layout */
より上は、わからないうちはいじらないほうがいいかもしれません。
ブラウザのバグを吸収する設定がされてたり、基本的な構成を指定してたりするので。
例えば、
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
clear: both;
margin: 5px 10px 20px 10px;
}
これは一続きの指定です。「.entry-footer」「.trackback-footer」「.comment-footer」…これら複数のセレクタに対して、「clear: both;」と「marginほにゃらら」の指定を一括でしているのです。「,」（カンマ）は「and」です。
これを途中で切り崩してしまうと、必要な指定がそのセレクタに適用されなくなってしまいます。
ヘタすると崩壊に向かいますのでくれぐれもご注意を。
必要な知識を身につけてからの方がいいような気がします・・・

回答No.3

DrFell

ｃｓｓの指定は
セレクタ｛プロパティ：値；｝
だけです。今回の場合なら
　場所　　背景画像　　ファイル名
となると思います。

ってお教えしたのですが……。本当なら構造も扱った入門サイトが一番近道ですが、とっつき悪いと思われて誰も学ばないんですよね。

まぁ、遠回りにはなると思いますが、今したいことだけするなら、とっつきのいいところを紹介します。どこをいじればいいのか、の参考にどうぞ
http://kumacrow.blog111.fc2.com/blog-entry-260.html
あとは、トライアンドエラーで

回答No.2

Muller3

囲わなくていいです～
MTのデフォルトテンプレートは既にdivの入れ子がすごいので、更にその要素を入れるのはよくないです。（#1でもおっしゃってますが）
アーカイブテンプレートの編集で<div class="boxtop">とか<div class="boxmiddle">とか入れなくても、今ある要素（スタイルシートのみ編集）で可能です。

<div class="entry">
<div class="entry-header">タイトル</div>
<div class="entry-content">
<div class="entry-body">
本文
<div>
<div>
<p class="entry-footer">日付とか</p>
</div>
</div>

単純にすると、現在のHTML構成（MTデフォルト）はこうなっていると思います（ご自分でも確認してみて下さい）

上蓋（上の画像）をentryの背景画像に、
下蓋（下の画像）をentry-footerの背景画像に、
中はentry-contentに背景色白を設定でいいのでは。
あとは各要素のmarginやpaddingを調節して形を整えます。

蛇足ですが

＞エントリーアイカイブやカテゴリーアーカイブの、テンプレートページの何処に設定すれば良いのかが分かりません・・。

MTのテンプレートタグを覚えればわかるようになります（今回は入れない方がいいですけど）が、わからないうちは、テンプレートのソースとページのソースを見比べてみるといいです。
HTMLタグ（と属性）は、テンプレートもページのソースも変わりません。ページのソースで、入れたい場所前後のHTMLタグをチェックして、テンプレートでその箇所を探します。Trial and Errorで。

補足

回答ありがとうございます
教えられた通りに修正した所▼こうなりました

http://10hoho.com/test2/image/hatena003.jpg

上蓋とエントリタイトル、下蓋とパーマリンク欄が窮屈で…
entry-contentの白色背景はどうやったら調節できるのか？
で詰まってしまいました・・

entry-content欄も窮屈な上、調節すると中の
文章ごと背景色が移動してしまいます

重ね重ね申し訳ありませんが、
どうにかならないものでしょうか・・

回答No.1

DrFell

<div class="boxtop"> </div>
<div class="boxmiddle">
『文章』
</div>
<div class="boxbottom"> </div>
▲とすれば、『文章』を枠の画像で囲む事が出来ると知り
ブログのエントリー部分を囲み、▼ここまではこぎつけました

それでもできるだとうけど、それだとｃｓｓにする意味ないよ。テーブルでしたら？
ｃｓｓならたぶん
<div class="boxtop">
<div class="boxbottom"> /*boxmiddleの指定と統合。見出しなどがあればこのdiv自体が不要*/
『文章』
</div></div>

じゃないかな？テーブルレイアウトをかじったことがあるでしょう？そのやり方を一度忘れないとｃｓｓではレイアウトし難いですよ。ｈｔｍｌは文章の構造にタグをつけるものです。角丸などの見た目はｃｓｓです。で、セットでないと効きません。ｃｓｓを出さないとアドバイスできないのです。
ｃｓｓの指定は
セレクタ｛プロパティ：値；｝
だけです。今回の場合なら
　場所　　背景画像　　ファイル名
となると思います。

補足

回答ありがとうございます
CSSを出さないと～と言われましても
スタイルシートなどの、どの部分を公開すれば
良いのかすら分かりません・・。