よく使うDIV+CSSの基本的なフレーム構造ですが、すべてDIvに入れることを勧めません。
一般的なDIV+CSSの基本的なフレーム構造ですが、DIvのcssスタイルコードを入れておくのはおすすめできません。 プログラムコード
/*--- ---*/
* { margin:0px; padding:0px;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background:#fff;}
/*--- ---*/
#container {}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
/*--- ---*/
#header {}
/*--- ---*/
#mainContent {}
#sidebar {}
#content{}
/*-- ---*/
#footer {}
<div id="container">
<!-- -->
<div id="header">
<div id="header_left">header_left</div>
<div id="header_right">header_right</div>
</div><!--header:end-->
<br class="clearfloat" /><!-- ， -->
<div id="mainContent">
<div id="sidebar">
</div><!--sidebar:end-->
<div id="content">
</div><!--content:end-->
</div><!--mainContent:end-->
<br class="clearfloat" /><!-- ， -->
<div id="footer">
</div><!--footer:end-->
</div><!--container:end-->