2006-12-12

テンプレート修正して XHTML での本文とサイドバーの順序入れ換え

yuriko による 22:23:50 の投稿
カテゴリー: WordPressハック,サイト更新情報

当サイトのテンプレートおよびスタイルシートを大幅に変更して、XHTML において本文とサイドバーの順序を入れ換えました。以前は先にサイドバーの内容を出力していましたが、現在は本文が先に出てきます。

しかし、その都合でサイドバーを左側に置かざるを得なくなりました。本文において float: left; および clear:left; というスタイルを適用しまくっているので、本文全体をくるむ div タグに float:left; を適用しても、サイドバー部分では効かず、本文に廻り込まずに下に落ちてしまいます。仕方なく、本文では使っていない float:right; を使ってサイドバーを本文全体に対して廻り込ませました。このため、サイドバーが左側に来ることになりました。もっとうまくテンプレートおよびスタイルシートをハックできれば、以前のように、サイドバーを右側に持って来れると思うので、機会を見てがんばってみます。サイドバー自体の左側マージンを本文領域の幅にしてしまえば、うまく廻り込むことが分かったので以前のデザインにしました。具体的には #sidebar {margin:0 15px 0 600px;}という感じです。

コメント・ピン通知 »

トラックバック・コメントはありません。
※スパム対策プラグインの影響により、すぐにトラックバックが反映されない場合があります。お手数ですが、半日ほど待ってみてください。

上に戻る

コメント投稿

※発言の責任を明確にするため「名無し」「通りすがり」「匿名希望」等の匿名は不可とします。捨てハンドルでもいいので必ず名乗ってください。
XHTML (使えるタグ): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt=""> .
※スパム対策プラグインの影響により、すぐにコメント内容が表示されない場合があります。お手数ですが、半日ほど待ってみてください。

上に戻る