人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

movable type3.01を使っています。
個別のエントリにサイドバーを表示させたいのですが、複数のサイトを参考に試してみましたがうまくいきません。サイドバーは表示されますが、センターの真下に表示されてしまいます。
インディビジュアルエントリーアーカイブに問題があるのかと思いますので、htmlの主要な部分を以下に示します。基本的な質問ですみません。

<body>
<div id="container">
<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>

<div id="center">
<div class="content">

<p align="right">
<MTEntryPrevious>
<a href="<$MTEntryPermalink$>">&laquo; <$MTEntryTitle$></a> |
</MTEntryPrevious>
<a href="<$MTBlogURL$>">メイン</a>
<MTEntryNext>
| <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> &raquo;</a>
</MTEntryNext>
</p>

<h2><$MTEntryDate format="%x"$></h2>

<h3><$MTEntryTitle$></h3>

<$MTEntryBody$>

<div id="a<$MTEntryID pad="1"$>more"><div id="more">
<$MTEntryMore$>
</div></div>
(トラックバック、コメントの部分省略)
</div></div>

<div id="right">
<$MTInclude module="sidemenu"$>
</div>
</div>
</body>
</html>

トップページはsidemenuがきちんと表示されています。

●質問者: breaststroking
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML MORE Movable Type アーカイブ インディ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● zelazny
●27ポイント

おそらくスタイルシート側の問題だと思います。

トップページできちんと表示されているなら、個別アーカイブでCSSが読み込まれていないか、CSSと異なる名前で指定されている(id="center"、id="right"の部分)のが理由だと思います。

◎質問者からの返答

変な質問にお答えいただいてありがとうございます。

CSSの確認は、テンプレートのスタイルシートを見ればよいということですよね?center とrightは対応しているように見えました。


2 ● ヨネちゃん
●27ポイント

スタイルシートを見てみないと何とも言えないのですが、現在の状態では、<div id="right"> が <div id="center"> の外側に位置しています。

通常、<div id="right"> は <div id="center"> の中に入れるのが普通ですので、<div id="right"> の直前にある </div> を削除し、</body> の直前に </div> を追加してみてはいかがでしょうか。

また、コメント欄のテキストフォームが横に長すぎる場合、サイドバーが回り込まず、ページ下部に表示されることがあり、トラックバックURLの表示がinputタイプのテキストフォームになっている場合も同様に注意が必要です。

◎質問者からの返答

ありがとうございます。ご指示の通り修正を加えましたら、いくつかの個別エントリで、きちんとサイドバーが表示されるようになりました。ありがとうございました。

しかし「いくつかの」と申しましたが、なぜかエントリによってはサイドバーが表示されないものが依然あります。こちらの原因が分からず、再びなやんでおります。


3 ● ヨネちゃん
●26ポイント

エントリーによってサイドバーが全く表示されない場合は別の対応が必要ですが、右側に回り込まずにページ下部に表示される場合は、エントリー内に幅を取っているものがないか確認してみましょう。

大きな画像を貼り付けている場合も同じような現象が発生することがあります。

◎質問者からの返答

下部に表示されておりますので、ご指示にしたがって確認してみます。ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ