div+CSS で Web ページのレイアウトが完成します (上下左右)_html/css_WEB-ITnose

ボディ {
マージン : 0 ;
パディング: 0 ;
}
#head {
高さ : 40px ;
背景色: #0033CC ;
幅: 800ピクセル;
マージン: 0 ;
}
#content {
幅 : 800px ;
背景: #CCCCCC ;
高さ: 200ピクセル;
マージン: 0 ;
}
#left {
トップ : 40px ;
幅: 150ピクセル;
高さ: 200ピクセル;
背景: #CCCC66 ;
フロート: 左;
マージン: 0 ;
}
#c {
幅 : 500px ;
高さ: 200ピクセル;
背景: #FFFFFF ;
マージン: 0 ;
}
#right {
幅 : 150px ;
高さ: 200ピクセル;
背景: #339966 ;
フロート : 右;
マージン: 0 ;
}
#foot {
幅 : 800px ;
背景: #0099CC ;
高さ: 40ピクセル;
マージン: 0 ;
}
スタイル >
頭>
head div >

左 div >
コンテンツ div >
右 div >
div >
フィート div >
ボディ>