うぃず FC2テンプレート

FC2ブログのテンプレートの配布や、コピペで簡単にカスタマイズできるような方法を紹介しています。
FC2ブログで使えるテンプレートを配布しています
2013.05.17 00:23|folder.png カスタマイズcomment.png(0)

『02Tシリーズ』ヘッダのリキッドレイアウトを固定にしたい

  • このエントリーをはてなブックマークに追加

  • リキッドレイアウト(Webページの表示領域の幅がある程度変更されても従来のレイアウトを維持できるようにする手法のこと)は便利は便利なのですが、やっぱり固定幅に変えたいと思う時もありますよね。

    そんな、リキッドレイアウトを固定幅レイアウトに変更する方法をご紹介したいと思います。



    スポンサードリンク


    【HTML編集】

    <div id="outline">
    ~~
    </div><!--outline-->


    で示した部分を削除してください。

    そして</div><!--outline-->

    のすぐ下にある

    <div id="outline_main">


    を、<!--▼▼ ヘッダー ▼▼-->の上に移動させてください。

    【スタイルシート編集】

    #outline {
    min-width:1050px;
    width:100%; /* 全体 */
    margin:0 auto;
    }


    この部分はもう必要ないので、削除するなり残しておくなりしてください。


    これで、リキッドレイアウトから固定長レイアウトへの変更ができるようになりました!


    関連記事
    コメントの投稿












    管理者にだけ表示を許可する
    トラックバック
    この記事のトラックバックURL

    検索フォーム
    スマートフォン用テンプレート
    カスタマイズしやすいように考慮してHTMLを記しています。
    SP01_Gray
    スマートフォンテンプレートグレー
    グレーが基本色のテンプレートです。
    メインカラー :#444444
    メニューカラー:#333333
    サブカラー  :#EFEFEF
    ラインカラー :#999999
    で主に構成しています。CSSにて色指定箇所を置換すれば簡単に色替えが可能です。 お好みの色に変更して楽しんでください。

    SP01_Blue
    スマートフォンテンプレート青
    爽やかな水色が基本色のテンプレートです。
    TopNTagCloud

    フリーエリア
    メールフォーム
    何か質問等ありましたらお気軽にお問い合わせください。

    名前:
    メール:
    件名:
    本文:


    FC2ブロガー必見!

    必ず結果が出るブログ運営テクニック


    もっとカスタマイズしたい方必見!


    毎日メンテナンスするだけで・・・

    最新トラックバック
    ブロとも申請フォーム