左右のカラムを一番上まで伸ばす

以前に右カラムを一番上まで伸ばし、ヘッダと同じ高さにする方法を紹介しました。
今回は左右のカラムを一番上まで伸ばし、ヘッダーを中央カラム内に表示させるカスタマイズを紹介します。このカスタマイズはテンプレートlightframeが対象です。

HTMLを編集します。

<div id="outline">


～


<div id="center-left">

<div id="center">

このヘッダー部分を下記箇所に移動します。

<div id="outline">

<div id="center-left">

<div id="center">


～

これで左右のカラムが一番上まで伸び、ヘッダーが中央カラム内に表示されます。
幅が広めに設定してあるlightframeには有効なカスタマイズかも知れません。

関連記事

[ 2006/12/09 23:42 ] カスタマイズ lightframe 専用 | TB(0) | CM(5)

≪ 便利ナビの背景を画像にする | HOME | カラムが落ちる(下に表示される)のは何故か？ ≫

[ 869 ] > かどりんさん

こんばんは、かどりんさん。
有難う御座います。喜んで貰えて私も嬉しいです＾＾
比較的簡単なカスタマイズですが、イメージがかなり変わるようですね。元々幅が広めに設定しているので、むしろこのカスタマイズ後のほうが落ち着くかも知れません。

[ 2006/12/11 00:18 ] [ 編集 ]

[ 2907 ]

初めまして、こんにちは。
いつもstandardを愛用してます。
カスタム向けで無駄がなくシンプルで見やすいので気に入ってます!!!
質問なんですが…、
standardは左右のカラムを上まで伸ばすことはできないのでしょうか？

[ 2007/10/25 16:55 ] [ 編集 ]

[ 8359 ] satandardで同じことをしたいのですが…

こんにちは。
こちらのテンプレートのsatandardを使わせていただいております。
上の方の質問とかぶってしまって大変申し訳ないのですが、
題名の通り左右カラムを上まで伸ばしたいです。
具体的に言うと、ttp://thedetectiveof18.blog13.fc2.com/?share=27007&index&mob=0
の3カラム版のようにしたいです。
忙しいところ申し訳ないのですが、教えてもらえると助かります。

[ 2010/02/13 16:45 ] [ 編集 ]

[ 8378 ] > queさん

余裕ができたら記事に掲載するのでもうしばらくお待ちください。

[ 2010/02/13 23:13 ] [ 編集 ]

[ 8636 ] 承認待ちコメント

このコメントは管理者の承認待ちです

[ 2010/04/02 03:17 ] [ 編集 ]

コメントの投稿