묻고답하기
레이아웃 정렬 질문입니다.
2012.12.11 17:24
기본 레이아웃 css를 조금 수정했습니다.
@charset "utf-8";
/* Layout */
hr{display:none}
form, fieldset{border:0;margin:0;padding:0}
.user_layout{width:1010px;margin:0 auto}
.header{zoom:1;background:#fff}
.header:after{content:"";display:block;clear:both}
.header .search{float:right}
.gnb{float:left}
.body{margin:20px 0;zoom:1;background:#fff}
.body:after{content:"";display:block;clear:both}
.lnb{float:left;width:200px;background:#E6FFFF}
.account{}
.content{float:right;width:800px;background:#fff}
.footer{background:#ddd}
현재 이대로 사용하면 레이아웃이 가운데에 적용 됩니다.
제가 저 위의 user layout 부분을 수정하면, 왼쪽에 딱 붙어 버립니다.
제가 원하는 것은 왼쪽에 20정도의 여백을 주려고 합니다.
현재 : 1010의 레이아웃이 가운데에 나타남
수정하면 : 왼쪽에 딱 붙게 됨.
원하는 것 : 왼쪽에 20정도의 여백을 주고 레이아웃이 나타나도록.
admin의 레이아웃 에서
테이블 테그로 20정도의 여백을 주어보았는데...
이 방법은 top margin 0 부분이 풀리게 되더라구요. 테이블 선 만큼 약간 아래로 레이아웃이 나타나는 것 같습니다.
위에 밑줄친 부분의 영어를 leftmargin, margin-left 등... 막 바꿔가면서 20을 주어보아도 적용이 안되네요.
도와주세요..... 완전 초보가... 테그로만 홈페이지 꾸미던 경험으로.. css 파일 열고 하나씩 수정해가면서...... 저 모양까지는 나왔습니다.
왼쪽에 여백 20정도 줄 수 있도록 도와주세요.
ps:
왼쪽에 20을 주려는 것은, 여백이 없으면 너무 딱 붙는 느낌이 나서이고.....
센터로 쓰지 못하는 것은, 해상도에 따라서 왼쪽 여백이 달라지다보니.....
마우스를 주 메뉴에 올리면 아래 서브 메뉴 나오도록 적용한 테그가 문제가 생겨서 입니다.
언젠가는 메뉴 적용하는 법을 터득할 날이 오겠지요..... 가장 깔끔하고, 멋있고, 좋아보이지만... 지금은 너무 어려워서....
도와주세요~!
댓글 1
-
LI-NA
2012.12.11 19:05
-
sage하늘
2012.12.12 09:50
감사합니다. px를 쓰지 않아서 안되었었나 보네요. 0 auto 길래... 20으로만 바꿨었는데.... 감사합니다.~! ^^
.user_layout{width:1010px;margin-left: 20px;} 이러면 되지 않을까요?