테스트 사이트 - 개발 중인 베타 버전입니다

(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}



으로 해야하나요?

결과는 똑같지만 나중에 폭 변경을 편하게 하기 위해서...
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

width 값을 1000을 주엇는데 1040 이 나왓다는것은 padding :0 20px 값이 어딘가에들어가잇다는거예요 .

이럴때 유용하게 쓰이는것이 개발자도구예요 익스플로러든.크롬이든 f12 누르면 개발자도구나와요

크롬의 경우 해당 요소에 마우스 같다대시고 [요소검사] 익스플로러는 [찾기] 클릭요소 선택으로

어느 속성값에 padding 이 들어갓는지 확인해보세요
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

번번히 도움을 받네요~^^
서브 메뉴 '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}

댓글을 작성하려면 로그인이 필요합니다.

개발자도구 해당 속성 라인 보시면 우측에 css 파일 위치도 나와잇어요 :) ㅎㅎ 지금 여기에는...없네영
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

'padding:0'을 삽입하여 해결했습니다.



#lnb {margin:10px auto;padding:0;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고