jQuery에서 생성 될 때 IE에서 버그의 원인이되는 div 너비

Question

HTML/CSS/JQuery에서 일정/일정보기를 만들어 모든 세 가지 사항을 배우게합니다.

그래서, 당신이 ....

http://handtomouthmusic.co.uk/Test.html

가면 ... 당신은 모든 것의 시작을 볼 수 있습니다. "정적"보기는 바로 그 것이며, "동적"보기는 jQuery를 사용하여 작성됩니다.

내가 지금 직면 한 문제는 ".caption"클래스의 너비가 IE에서 볼 때 ".bar"div가 사라지는 것 같습니다. Google 크롬을 보면 괜찮을 것입니다.

예에서 볼 수 있듯이 '동적'섹션에서만 발생합니다.

어떤 아이디어가 원인입니까?

참고 : IE에서 F12 키를 누르고 너비 특성을 사용하지 않도록 설정했다가 다시 사용하도록 설정하면 모든 기능이 정상적으로 나타납니다. 왜로드되지 않았습니까?

Answer 1

DOCTYPE이 정의되어 있지 않으므로 페이지가 버크를 모드로 렌더링합니다.

페이지가 표준 모드로 렌더링되도록 설정하십시오.

정적은 다음 몇 가지 문제 (당신이 시간 이후 px을 추가해야합니다, 폭 및 위치에 대한 단위를 정의하지 않기 때문에 발생 을 보여주고 있지만 그것은 나를 위해 잘 작동, 그래서 인라인 폭이 100px하지해야 100 등)