가변형 3행1단 (temp_ep_pg_v3_1v)

CSS Code

#wrap{position:absolute; width:auto; height:auto; top:0; left:0; right:0; bottom:0; overflow:hidden;}

#header{position:absolute; left:0px; right:0px; top:0px; width:100%; min-width:1000px; height:40px; z-index:25; overflow:hidden;}

#container{position:absolute; top:40px; left:0; right:0; bottom:40px; min-height:0; margin:0; overflow:auto; z-index:20;}

#container:after{clear:both; content:""; display:block; height:0; visibility:hidden;}

#footer{position:absolute; left:0px; right:0px; bottom:0px; width:100%; min-width:1000px; height:40px; background:#fff; z-index:100;}

/* Layout width,height,color 임의지정 - 실제 서비스 적용 후 아래 코드는 삭제 하세요 */

div{color:#2d2c2d; font-family:Tahoma; font-size:14px; font-weight:bold;}

#wrap{background:#f7f7f7; text-indent:10px;}

#header{background:#e5e5e5;}

#header p{padding:10px 0;}

#container{padding:10px 0; background:#ebebeb;}

.content{width:700px; height:500px; margin:10px; border:1px dashed #000;}

#footer{background:#e5e5e5;}

#footer p{padding:10px 0;}

<div id="wrap">

<div id="header">

<p>#header</p>

</div>

<div id="container">

<p>#container</p>

<div class="content">

<p>.content (임의높이설정)</p>

</div>

</div>

<div id="footer">

<p>#footer</p>

</div>

</div>