f

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

으로 해야하나요?
결과는 똑같지만 나중에 폭 변경을 편하게 하기 위해서...
|

댓글 5개

width 값을 1000을 주엇는데 1040 이 나왓다는것은 padding :0 20px 값이 어딘가에들어가잇다는거예요 .
이럴때 유용하게 쓰이는것이 개발자도구예요 익스플로러든.크롬이든 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}
개발자도구 해당 속성 라인 보시면 우측에 css 파일 위치도 나와잇어요 :) ㅎㅎ 지금 여기에는...없네영
'padding:0'을 삽입하여 해결했습니다.

#lnb {margin:10px auto;padding:0;width:1000px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누5 질답

그누보드5 버전에 대한 질문을 할 수 있습니다.쪽지나 메일로 해결해 주겠다는 답변은 정상적인 답변으로 보기 어려우므로 신고해 주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 790
12년 전 조회 336
12년 전 조회 253
12년 전 조회 283
12년 전 조회 716
12년 전 조회 286
12년 전 조회 288
12년 전 조회 399
12년 전 조회 481
12년 전 조회 496
12년 전 조회 368
12년 전 조회 1,795
12년 전 조회 831
12년 전 조회 261
12년 전 조회 334
12년 전 조회 643
12년 전 조회 430
12년 전 조회 1,145
12년 전 조회 457
12년 전 조회 313
🐛 버그신고