うぃず FC2テンプレート

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

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



スポンサードリンク


【HTML編集】

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

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

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

のすぐ下にある

<div id="outline_main">

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

【スタイルシート編集】

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

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


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

関連記事

• 記事の間（文章の間）に広告を表示させたい
• 個別記事ページでプラグイン3を記事の下に表示したい
• 【スマホ】上部の広告を移動させる方法
• 記事と記事の間の間隔を変更したい
• 『02Tシリーズ』ヘッダのリキッドレイアウトを固定にしたい
• 【スマホ】ドロップダウンメニューバーを作成したい
• 関連記事リストを任意の場所に表示したい
• 「続きを読む」を画像に変えたい
• 『02Tシリーズ』３カラムにしたい（サイドバー２つ）