気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
[Think IT] 第2回：カラムを理解する！ (3/3)
3 users
thinkit.co.jp
thinkit.co.jp
thinkit.co.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
【即実践！HTML+CSS】 テーブルレイアウトから脱出せよ！ 第2回：カラムを理解する！ 著者：米倉 明男 ... 【即実践！HTML+CSS】 テーブルレイアウトから脱出せよ！ 第2回：カラムを理解する！ 著者：米倉 明男 公開日：2008/04/08（火） float（フロート）を使った3段組カラム作成 次は3段組を作ってみましょう。「ナビゲーション」エリアを左に、「メインコンテンツ」エリアを真ん中、追加で「サブ」エリアを右側に配置します。 一見、複雑になったかのように見えますが、配置方法は先ほどの2段組と同じです。今回は「ナビゲーション」エリア<div id="navi">と「メインコンテンツ」エリア<div id="main">を包括する<div id="wapper">を作ります。ボックスを入れ子状態にするのです。 まず<div id="wapper">と<div id="sub">ボックスを左右にフロートします。次に<div id="wapper">の子ボックスにあたる<div id="ma
thinkit.co.jp
thinkit.co.jp
thinkit.co.jp
thinkit.co.jp
anond.hatelabo.jp
togetter.com
anond.hatelabo.jp
logmi.jp
togetter.com
note.com/subarasikiai
logmi.jp
togetter.com
gigazine.net
gigazine.net
github.com/nginxinc
blog.verygoodtown.com
2010/03/01 リンク