(admin.css 폭 변경) 소스가 맞나요?
본문
'admin.css'의 폭이 가변형으로 바뀌었죠.
모니터 상에서 너무 넓게 보여... 다시 원래대로 1000px로 수정했습니다.
다른 부분은 앞 버전을 보고 그대로 복사해서 넣었는데...
이번에 새로 생긴 서브 메뉴 부분은 어찌 고쳐야할지 모르겠더군요.
#lnb {margin:0;padding:10px 15px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
를
#lnb {margin:10px auto;width:960px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
로 고쳤는데... 틀린 부분이 있는지 봐주세요.
'width:1000px'로 했더니... 실제로는 1040px로 나타나더군요.
아니면...
#lnb {margin:10px 20px;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
으로 해야하나요?
결과는 똑같지만 나중에 폭 변경을 편하게 하기 위해서...
모니터 상에서 너무 넓게 보여... 다시 원래대로 1000px로 수정했습니다.
다른 부분은 앞 버전을 보고 그대로 복사해서 넣었는데...
이번에 새로 생긴 서브 메뉴 부분은 어찌 고쳐야할지 모르겠더군요.
#lnb {margin:0;padding:10px 15px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
를
#lnb {margin:10px auto;width:960px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
로 고쳤는데... 틀린 부분이 있는지 봐주세요.
'width:1000px'로 했더니... 실제로는 1040px로 나타나더군요.
아니면...
#lnb {margin:10px 20px;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
으로 해야하나요?
결과는 똑같지만 나중에 폭 변경을 편하게 하기 위해서...
답변 3
'padding:0'을 삽입하여 해결했습니다.
#lnb {margin:10px auto;padding:0;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
#lnb {margin:10px auto;padding:0;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
개발자도구 해당 속성 라인 보시면 우측에 css 파일 위치도 나와잇어요 :) ㅎㅎ 지금 여기에는...없네영
width 값을 1000을 주엇는데 1040 이 나왓다는것은 padding :0 20px 값이 어딘가에들어가잇다는거예요 .
이럴때 유용하게 쓰이는것이 개발자도구예요 익스플로러든.크롬이든 f12 누르면 개발자도구나와요
크롬의 경우 해당 요소에 마우스 같다대시고 [요소검사] 익스플로러는 [찾기] 클릭요소 선택으로
어느 속성값에 padding 이 들어갓는지 확인해보세요
이럴때 유용하게 쓰이는것이 개발자도구예요 익스플로러든.크롬이든 f12 누르면 개발자도구나와요
크롬의 경우 해당 요소에 마우스 같다대시고 [요소검사] 익스플로러는 [찾기] 클릭요소 선택으로
어느 속성값에 padding 이 들어갓는지 확인해보세요
번번히 도움을 받네요~^^
서브 메뉴 'lnb' 왼쪽에 40px이 있다는데...
어디 다른 곳에 있는지... 이 소스에는 없네요.
#lnb {margin:10px auto;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
#lnb:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left}
#lnb a {display:inline-block;padding:5px;font-size:0.95em;letter-spacing:-0.1em}
답변을 작성하시기 전에 로그인 해주세요.
