プレビュー
幅可変の3カラムレイアウトのテンプレートです。
青系の色です。
忍者ブログの共有テンプレートには、
レイアウト：3ブロック（左右メニュー）
テクニカル：SEO向け
で登録しています。
プラグインカテゴリーについて
プラグインカテゴリー１：左サイドバー
プラグインカテゴリー２：左サイドバー
プラグインカテゴリー３：右上（468x60のバナー程度の大きさの物の設置を想定）
プラグインカテゴリー４：中央上部（468x60のバナー程度の大きさの物の設置を想定）
プラグインカテゴリー５：左下（テキストの設置を想定）
です。
左サイドバーの横幅は200pxとなっています。（左右マージン3px）
右サイドバーの横幅は300pxとなっています。（左右マージン3px）
右サイドバーは、AdSenseのレクタングル（中）サイズ（300x250）がフィットするようにするために300pxとなっています。
左右マージンが3pxあるので、フィットさせるには
<div style="margin:0px -3px;">プラグインのタグ</div>
のように内部に-3pxでmargin指定するとフィットします。
注意点
フッターに「position:fixed;」を使用しています。IE6では他のブラウザとかなり表示が違ってくると思います。（おかしな表示にはならないようにしたつもりです）
右サイドバーは「position:absolute」です。フッターが「position:fixed」なため、「position:fixed」に対応していないブラウザの場合「position:fixed」が無効になり、
左及び中央より右サイドバーの方が高さがある場合に右サイドバーとフッターが重なるかもしれません。
右サイドバーよりも常に左又は中の方が高くなるようにすることをおすすめします。
左サイドバーは「float:left」です。「width:200px」ですが、はみ出して200pxを越えた場合中央ブロックが下に落ちるかもしれません。
右サイドバーは「width:300px」ですが、300pxを越えた場合は中央と重なると思われます。
フッターとヘッダーに「max-height」を指定しています。はみ出したら表示されません。
PR
