2011-08-11 3 views
3

최근에 normalize.css를 사용하도록 일부 CSS 스타일을 업데이트했지만 외관상 불일치를 발견했습니다. IE9에서는 체크 박스 요소 주위에 여백 0을 설정할 수없는 것으로 보입니다. 그러나 나는 그 문제에 대해 구체적으로 언급하지 않았다. Here's an example of my test. 그리고 여기가 리셋 스타일 자체가 니콜라스 갤러거에 의해 normalize.css를 사용하는 HTML5의 상용구의 최신 버전에서 붙여 복사되는 파이어 폭스, 크롬에서 어떻게 생겼는지의 스크린 샷 및 IE9IE9는 체크 박스 (라디오) 입력 주위에 0px의 여백을 허용하지 않습니까?

IE9 not respecting margin 0

입니다.

normalize.css를 이해 했으므로 일부 브라우저 기본값을 유지하면서 구성 요소의 일관된 레이아웃을 만드는 것이 좋습니다. 그러나 내 빠른 테스트에서 일치 레이아웃 (like so)을 만들기 위해 (체크 박스/라디오) 입력 주위에 margin:0 입력이 있어서는 안됩니다.

저보다 똑똑한 사람들이 normalize.css와 html5 상용구에서 일 했으므로 뭔가 빠져 있거나 뭔가를 오해하고 있습니다.

답변

6

IE9는 패딩을 추가합니다. 나는 리셋 스크립트가 그것을 고려하지 않는다고 생각한다. padding: 0을 추가하면 설정됩니다. 내 프로젝트에 대한

+0

아 하 근무 HTML

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 

의 메타 태그를 렌더링함으로써 IE8로 IE9 렌더링! 당신은 절대적으로 옳습니다 - margin : 0; 패딩 : 0'은 속임수입니다, 고마워요. – ilia

0

나는 한때 같은 CSS를 모두

관련 문제