div 고정이라고 해야할까요? 정보
div 고정이라고 해야할까요?본문
위의 그림과 같이 양쪽 파랑박스처럼 중앙정렬된 사이트에서 왼쪽 오른쪽에 저렇게
만들려고 합니다.
쥐마켓에보면 왼쪽 오른쪽에 있는것처럼요..
부탁드립니다.
댓글 전체
몇가지의 방법이 있겠지만,
아래의 방법을 참조해 보세요.^^
<style type="text/css">
div#wrap{text-align:center;}/*모든 내용 중앙정렬*/
div#container{width:998px;text-align:left;margin:0 auto 0 auto;}/*컨테이너 가로998px 내용 왼쪽정렬*/
div#static_l{margin-top:50px;width:196px;height:500px;border:2px solid #0000ff;float:left;}/*왼쪽 바*/
div#contents{width:594px;height:800px;border:2px solid #ff0000;float:left;margin-left:5px;}/*내용*/
div#static_r{margin-top:50px;width:196px;height:500px;border:2px solid #0000ff;float:right;}/*오른쪽 바*/
</style>
<!-- wrap -->
<div id="wrap">
<!-- container -->
<div id="container">
<!-- 왼쪽 바 -->
<div id="static_l">LEFT</div>
<!-- 내용 -->
<div id="contents">CONTENTS</div>
<!-- 오른쪽 바 -->
<div id="static_r">RIGHT</div>
</div>
<!-- //container -->
</div>
<!-- //wrap -->
아래의 방법을 참조해 보세요.^^
<style type="text/css">
div#wrap{text-align:center;}/*모든 내용 중앙정렬*/
div#container{width:998px;text-align:left;margin:0 auto 0 auto;}/*컨테이너 가로998px 내용 왼쪽정렬*/
div#static_l{margin-top:50px;width:196px;height:500px;border:2px solid #0000ff;float:left;}/*왼쪽 바*/
div#contents{width:594px;height:800px;border:2px solid #ff0000;float:left;margin-left:5px;}/*내용*/
div#static_r{margin-top:50px;width:196px;height:500px;border:2px solid #0000ff;float:right;}/*오른쪽 바*/
</style>
<!-- wrap -->
<div id="wrap">
<!-- container -->
<div id="container">
<!-- 왼쪽 바 -->
<div id="static_l">LEFT</div>
<!-- 내용 -->
<div id="contents">CONTENTS</div>
<!-- 오른쪽 바 -->
<div id="static_r">RIGHT</div>
</div>
<!-- //container -->
</div>
<!-- //wrap -->
