margin-right를 줄려고 하는데 잘 안되네요
그림처럼 파란색 nav태그에 오른쪽 여백(margin-right)를 주려고 하는데 잘 안되네요
어떻게 하나요? (이미지는 포토샵으로 조정됬습니다)
-HTML-
<div id="wrap">
<nav id="main_lnb">
<ul>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
</ul>
</nav>
<div id="content_wrap">
<div id="contents">
<article>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Test</p>
</article>
</div>
</div>
</div>
-CSS-
#wrap { overflow: hidden; }
#wrap > #main_lnb {
float: left;
width: 164px /* 200px; */ /* 로컬 네비게이션 너비 */
}
#wrap > #content_wrap {
float: left; /* left; */
width: 100%;
*width: 99.9%;
margin-right: -164px; /* 로컬 네비게이션 너비 */
/* margin-left:-10px; */
}
#wrap > #content_wrap > #contents { padding-right: 164px; } /* 로컬 네비게이션 너비 */
/* 수직 목록 */
#wrap { background: #71B1D1; }
어떻게 하나요? (이미지는 포토샵으로 조정됬습니다)
-HTML-
<div id="wrap">
<nav id="main_lnb">
<ul>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>
</ul>
</nav>
<div id="content_wrap">
<div id="contents">
<article>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Test</p>
</article>
</div>
</div>
</div>
-CSS-
#wrap { overflow: hidden; }
#wrap > #main_lnb {
float: left;
width: 164px /* 200px; */ /* 로컬 네비게이션 너비 */
}
#wrap > #content_wrap {
float: left; /* left; */
width: 100%;
*width: 99.9%;
margin-right: -164px; /* 로컬 네비게이션 너비 */
/* margin-left:-10px; */
}
#wrap > #content_wrap > #contents { padding-right: 164px; } /* 로컬 네비게이션 너비 */
/* 수직 목록 */
#wrap { background: #71B1D1; }
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개
#content{margin-left:200px}