안녕하세요 크로스브라우징 문제때문에 질문을 드립니다
은소라
현재 웹퍼블리셔가 되기위해 알바중인 人입니다.
직원 분이 하시는말씀은 파폭은 깨지더라도 익스먼저 맞춰라 입니다'
제가 실력이 있다면 디자인에 맞게(익스,파폭 전부맞춘다음)완성하고 시간도 남겠겠지만
하지만 아직 실력이 없어서도움을 구하고자 합니다..
문제는패딩이나 마진을 block 엘리먼트( 일명 덩어리태그 같은)등에 주었을시에
파폭을 기준으로 맞추면 디자인과 다른 익스 결과물이 생기고
익스를 기준으로 맞추면 파폭의 디자인이 달라집니다.
전에 들었기로 이런류의 문제는
파폭은div등의 엘리먼트에 사이즈값을 계산할때 패딩인가를 값을 뺀 값을 넣어야 된다고들었는데
확실한지가물가물해서 질문 게시판에 글을 올려봅니다.
익스 전용 핵을 사용하면 익스 핵을 사용하면 사용할수록 코딩 소스가 늘어나서 나중에 골치가 아파져서요'
고수분들의가르침 듣고싶습니다.'
-
갅쥐누뉨
dtd 기본 html4.0호환모드인데 제가 바꿀수가 없어서요' 다른 방법을 찾아봐야겠네요
-
이슬비
항상 수치값을 적어주는 센스와 width=padding+width을 기억하시면~...화이팅~ㅁ)/~
-
비치
패딩과 마진대신 눈으로 최대의 width와 height를 포토샵으로 그은다음 넓이와 높이값으로 마추세요
패딩은 브라우저마다 해석이 틀리지만 넓이와 높이값은DTD를 설정하는 이상은똑같니 나온답니다. -
꼬붕
잘 만들어 졌다 싶은 사이트를 일단 소스보기로 까보세요 그리고 분석하는거죠 ^^
-
소윤
패딩과 마진의 문제라면 DTD 설정을 하시면 파폭과 익스 모두에서 동일한 \박스모델\을 가지게 됩니다.
이부분을 검색 해보시면 보다 많은 정보를 접하실수 있습니다.
익스 : width = 박스의 width (패딩 마진등의 영향을 받지 않습니다 )
그외 브라우져 : width = width + padding + margin + border
여기서 DTD (검색신공)를 선언 해주시면
익스 + 그외 브라우져에서 동일한 박스 모델을 가져요~~~~~~ -
꽃짱구
파폭에서 먼저 맞추시는게 맞습니다. 그러면 익스7버젼에서는 거의 일치하게됩니다.
문제는 익스6인데요 파폭에선 마진으로 하면 맞는값이 익스6에선 패딩으로 주었을경우 같이 맞는 경우가
더 많이있습니다. 사이즈값을 준 클래스나 아디값이 안에 들어가는 클래스등은 마진보단 패딩값으로
위치를 맞추는게 좋을것같습니다. 마진패딩이 가장 해결하기 어려운문제지요 계속 도전하시다보면
어느순간 깨닫게되실겁니다^^;