크롬에서만 div width 값을 다르게 줄 수 있나요?
WhiteCat
사파리는 아직 테스트도 못 해봤는데 익스에서는 width값이 padding까지 포함한걸로 나오고크롬에서는 padding만큼 width가 늘어나 버리네요.크로스브라우징 공부를 제대로 안 했더니ㅜㅜpadding값을 -webkit-써서 크롬만 다르게 주는 방법은 아는데 width값을 달리 하는 방법을 모르겠어요.크롬만 width값 다르게 적용하는 방법이 궁금하구요~혹시 사파리에서도 width값이 padding만큼 늘어나는지도 궁금합니다.
메리크리스마스 되세요^^
-
아라
그러잖아도 국내 웹서핑으로 해결이 안 되서 구글링을 해 봤더니 외국사람 블로그에 독타입 선언에 대한 부분이 나와있길래 고쳐보니 바로 해결되더라구요^^
독타입쪽은 신경도 안 쓰고 있었던..ㅜㅜ
네이버에 검색했을 때도 비슷한 질문은 여러 개 나오는데 속 시원한 답글이 달린 질문이 없어서 난감했거든요.
이번 기회에 신문법 중 box-sizing 속성도 들여다봐야겠네요.
답변 감사드립니다! ♥ -
앵겨쭈
답변이 늦었는데 해결하셨는지 모르겠네요.
우선 doctype 을 제대로 선언 하셨다면 선언한css width 값 + padding 값이 실제 div 의 크기가 맞습니다. 독타입 선언 오류등으로 인해 쿼크모드로 돌아간다면 padding값이 width 값에 더해지지 못하는 경우가 있습니다. 자세한 부분은 검색을 해보시면 됩니다.
일단 크롬, 사파리, 파이어 폭스, IE9이상 브라우저에서만 width 값에 padding 값이 더해지지 않게 하는 방법은 있