단락 태그가 IE7에서 Meyer의 재설정과 충돌하고 있습니까?

Question

다소 작고 단순한 레이아웃으로 작업하면서 Meyer의 CSS 재설정 규칙을 사용하여 브라우저 간의 예상 불일치를 해결하기로 결정했습니다. 두 개의 중첩 된 div에 몇 개의 단락을 추가하기 전까지는 모두 잘 작동했습니다.

두 번째 중첩 된 div 내에 단락 태그를 배치하면 부모 및 보조 부모 div의 배경 이미지가 IE7에서 사라집니다.

단락 태그를 제거하고 태그없는 텍스트로 이동하면 배경 이미지가 반환됩니다. 또한 태그를 남겨두고 reset.css 파일에 대한 참조를 제거하면 배경 이미지가 복원됩니다.

물론이 문제를 해결하기 위해 이러한 경로 중 하나와 함께 가고 싶지 않습니다. 여기에있는 CSS 전문가는 무슨 일이 일어나고 있는지 알고 있습니까?

데모 : 나는 reset.css 파일에서 다음과 같은 규칙을 제거 할 때 이상하게도 http://www.sampsonresume.com/projects/patriot-depot/

Answer 1

IE에서 사라지는 콘텐츠 버그의 버전처럼 보입니다.

div.pd_horiz_content 및 div.pd_horiz_content_b에 확대/축소를 추가하십시오. IE에서 'hasLayout'을 호출하면 배경이 표시됩니다.

div에 너비 (960 픽셀)를 추가하여 hasLayout을 호출 할 수도 있습니다. 귀하의 div가 배경 이미지를 기반으로 고정 된 너비를 가지고 있기 때문에 이것은 아마도 귀하의 경우에 더 의미가있을 것입니다.

Answer 2

, 문제가 해결 :

background:transparent

이 규칙이 일치의 첫 번째 큰 블록에 적용 요소가 있으므로 장기적 관점에서 그 의미가 확실하지 않습니다. 잘만되면 더 나은 해결책이 있습니다. 제 문제를 "고치기"위해 Meyers의 reset.css를 편집하는 것에 대해 약간 불안합니다.