/* 전체 레이아웃 */
<body>
<!-- 전체를 싸고 있는 부분(최소넓이는 1000px)-->
<div id="PAGE_WRAP">
<!-- 헤더 부분 -->
<div id="HEADER">
</div>
<div id="CONTENT">
<!-- 컨텐트 왼쪽 부분 -->
<div id="LEFT_CONTENT">
</div>
<!-- 컨텐트 오른쪽 부분 -->
<div id="RIGHT_CONTENT">
<div id="RIGHT_CONTENT_WIDTHFIX">
</div>
</div>
</div>
</div>
</body>
- css
#PAGE_WRAP {
min-width:1000px;
width:expression(document.body.clientWidth < 1001 ? '1000px' : '100%');
}
#HEADER {float:left; margin-bottom:10px; height:100px; width:100%; border:#777 2px solid; background:#444; }
#CONTENT {clear:both;}
#LEFT_CONTENT {float:left; width:200px;}
#RIGHT_CONTENT {float:right; margin-right:-210px; width:100%; }
#RIGHT_CONTENT_WIDTHFIX {margin-right:220px;}
댓글 없음:
댓글 쓰기