[N.5330] 크롬과 IE의 css 설정.. 어떻게들 하시나요?
본문
노력만...ㅎ;;; 생각처럼 잘 안되네요
이상하게 제가 작업할 때... 크롬과 IE에서..
padding과 margin이 다르게 인식되는 거 같네요.
IE에서 맞추면 크롬에서 망가지고.. 간격이 더 뜨고..
저만 그런가요?
chrome 메타태그도 늘 적용하는 편인데.. 동일하게 안되서 늘 고민이에요;;
저희 회사는 대중적인 홈페이지보다 특정 기업내에서만 사용하는 그룹웨어 같은 사이트를 구축해주거든요.
그래서 특정 집단의.. 소수 .. 주로 나이많은 ㅎㅎ 분들이 사용하시는 것들이라
간단하고 심플한 구조와 IE 위주로 작업을 하고 있긴 하지만,
크롬도 어느 정도는 맞춰놔야 한다고 생각을 하는데요.
이상하게 너무 차이가 크네요.;;
어디서부터 문제인지도 모르겠어요 ㅎㅎ
다른 노하우들이 있으신가요?
아니면 margin과 padding을 쓰는 게 잘못된건지... 감이 안오네요 ^^;;
댓글목록
아마딘님의 댓글
아마딘 쪽지보내기 자기소개 아이디로 검색 전체게시물 작성일 15-06-09 11:23:47
저같은 경우는 magin과 padding이 적용되는 컨텐츠와 비슷한 부분에 있는 사이트를 찾아서
F12를 눌러 css를 확인하고 똑같이 적용시키는 방법으로 해결했어요..
sophy님의 댓글
sophy 쪽지보내기 자기소개 아이디로 검색 전체게시물 작성일 15-06-09 14:50:53↓ 오- 그런 방법이!! ⊙0⊙
재순님의 댓글
재순 쪽지보내기 자기소개 아이디로 검색 전체게시물 작성일 15-06-12 11:35:49
모든 태그에 일단 box-sizing:border-box; 를 주고 시작합니다.
자세한건 css박스모델 확인하시면 될듯..
숲의주인님의 댓글
숲의주인 쪽지보내기 자기소개 아이디로 검색 전체게시물 작성일 15-06-18 10:38:15
제가 알고 있는 지식이 정확한지는 모르겠지만...
크롬의 경우 박스의 넓이 값이 200px 이다 라고 가정을 할 때 박스에 라인을 주면 200px 안에서 라인을 주는 형식이라고 알 고 있어요. 즉 1px의 라인을 준다면 박스는 199px이 되는 셈이죠.
반면, 익스 경우에는 크롬과 같이 200px에 1px 라인을 준다면 박스의 전체 크기(라인포함)가 201px이 되는 셈인 거죠...그런 셈이기 때문에 익스랑 크롬이랑 CSS를 같이 주면 틀어지는 경우가 많더라고요~
nsik님의 댓글
nsik 쪽지보내기 자기소개 아이디로 검색 전체게시물 작성일 15-06-18 13:59:24
대부분 padding이랑 margin값이 다르게 보여지는 경우는 제 경험상
상단의 doctype 선언에 문제가 있는 경우가 많더라구요.
<!DOCTYPE html>
최상단에 이 코드를 넣어보시구요. 혹시나 개발자분이 최상단에 다른 코드를 넣어서
깨지는 경우도 있었거든요. "소스보기"로 저 doctype 선언이 최상단에 없을 때 보통
padding값이 이상하게 나옵니다.
다른 팁으로는 border값 확인해보시고 box-sizing:border-box;도 확인해보시면 될 듯하네요~
