3列リキッドレイアウト / ウェブデザインライブラリー

<style type="text/css"> * { padding: 0px; margin: 0px; } #wrapper { width: 100%; } #header { width: 100%; height: 200px; background: lightgreen; } #left { width: 20%; height: 400px; background: blue; float: left; } #middle { width: 60%; height: 400px; background: orange; float: left; left: 20%; } #right { width: 20%; height: 400px; background: yellow; float: left; left: 80%; } #footer { width: 100

[junichi_ito]

HTML

[cellkook]

3列のCSSレイアウトを作りたいと思っているひとは多いのですが、いろいろ問題がおきるようです。3カラムのリキッドレイアウトに関して解説しています。