패딩값이 왜 익스플러 버젼마다 다르게 보이나요?

패딩값이 왜 익스플러 버젼마다 다르게 보이나요?

QA

패딩값이 왜 익스플러 버젼마다 다르게 보이나요?

본문

익스플러버젼 8과 10비교해봣는데 패딩값이 다르게 먹히네요 ㅠㅠ

크롬에서도 10과 같이 나오구요...

답 좀 알려주세요

이 질문에 댓글 쓰기 :

답변 2

브라우저 버전마다, 각 요소의 기본 마진 및 패딩값이 달라서 그렇습니다.

 

보통, 크로스브라우징 작업할 때, 마진, 패딩 등은 초기화 시킨 후 작업 합니다.

 

(예)  margin:0; padding:0

혹시 스타일이 box-sizing:border-box로 되어있진 않나요? 

border-box일때에는 padding값을 줬을때 정해진 width, height를 유지하면서 들어가지만 content-box일때에는 width,height값이 padding값만큼 증가하게 됩니다. 

익스 구버전에서는 border-box가 안먹히는걸로 알고 있습니다. 

box-sizing 속성을 없애시거나 content-box로 주고 작업하시는 것이 좋을듯 합니다.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 1

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT