HTML07（カラムレイアウト）

ブログ・HTML5の勉強「グリッドレイアウト」

• headerとnavはたて並びで。
• 制作したもの↓

• 左１列と右２列にdivを分けて、中にheader、nav、sectionを配置。
• 小さい画像はそれぞれの中でさらにfloatさせてます。
• navの中をul・liで作ったものをsectionの画像にも流用しているので、ul・liだらけ。
• imgのborder:none;はIE対策として必須。
• CSSは簡潔に。