タグ

2008年8月22日のブックマーク (1件)

  • clear:both;を忘れずに-ブログ・テンプレート作成入門

    MovableTypeのオリジナル・テンプレート作成を0から図解式で解説します。 ブログ・テンプレート作成入門 > 2カラムレイアウト > clear:both;を忘れずに << 前のページ メインページのテンプレートの修正と画面確認 前回サイドバーを設置し、ブラウザで画面を確認したところ、フッタ部分が最下部ではなくサイドバーの下に表示されてしまうという問題が発生しました。 これは、CSSの仕様であり、floatプロパティで指定したグループの次のグループは、回りこんで表示されるという仕組みになっているからです。 この回り込みを無くすために、スタイルシートのフッタグループ(footer)に次の1行(clear:both;)を追記します。回り込みをクリアしますという命令です。(厳密な仕様は違います。ここでは簡単な説明でおさえます。) ※width指定も追加します。指定しなかった場合、レイアウト