エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSによる段組みレイアウト作成メモ - spanstyle::monolog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSによる段組みレイアウト作成メモ - spanstyle::monolog
忘れもしないあれはいつだったか(by麺通団)。 このサイトのデザインをMovableTypeお仕着せのものでな... 忘れもしないあれはいつだったか(by麺通団)。 このサイトのデザインをMovableTypeお仕着せのものでなく、自作CSSで段組レイアウトしようと思った時があった。その際はいろんなサイトを参考にした挙句にpositionを使うかfloatを使うかで迷いに迷ったが、結局はfloatで組む方向で落ち着くこととなった。 で、今日久しぶりに思い返してみたら、あれほど迷ったのにも関わらず「positionを使わずにfloatを使うことになった理由」をすっかり忘れてしまっていた。なんだか無性に悔しかったので、今日は思い出しがてら自分用にメモっておくことにする。 以後、使うHTMLソースはこんな感じ。 全体構成としてはヘッダ部分(header)・メイン部分(main)・フッタ部分(footer)の3箇所に分かれ、さらにメイン部分が右コンテンツ部分(contents)と左メニュー部分(menu)に分かれ