2013-02-13 1 views
0

우리 사이트에서 HTML 4 Transitional (half) doctype을 사용하고 있으며 사이트를 업그레이드하기 전에 더 최신 doctypes를 테스트하는 중입니다.Doctype Breaks 페이지 스타일 변경

내가 여기 테스트 페이지 생성 한

:

http://www.yachting.org/test.doctype.asp

현재 문서 타입 괜찮 페이지를 표시하지만, 당신이 스타일을 볼 수있는 우리가 (예를 들어, 검색 상자 상단 메뉴 점프 페이지를 깰 사용하고 있는지를 로고 위)에 다른 doctypes 중 하나가 사용되는 경우. 마치 스타일 선택기 중 일부가 더 이상 사용되지 않는 것과 같습니다.

플로팅 div (예 : #logo 및 #topRight)가 원인 일 수 있습니다. 나는 그것들을 깨끗이하려고 노력했지만 그 문제를 해결하지는 못했다.

페이지는 HTML 4 Strict, XHTML 1 Strict, HTML 5 및 CSS 3에서 오류없이 유효합니다 (XHTML의 내용은 HTML이므로 "/"오류 제외).

페이지가 새로운 doctypes로 왜 깨지는 이유를 아는 사람이 있습니까? 어떤 제안을 주셔서 감사합니다.

+0

http://stackoverflow.com/questions/414891/whats-up-doctype 먼저 상자 레이아웃을 체크 아웃하십시오 (높이와 너비를 * content * 높이와 너비로 설정합니까?). 그런 다음 다른 모든 것들을 체크 아웃하십시오. Quirks vs. Standards 모드에 따라 달라집니다. http://www.cs.tut.fi/~jkorpela/quirks-mode.html –

+0

Thanks Jukka. 며칠 동안 상자 레이아웃을 확인해 보았으며 크기에 문제가 있는지 확인할 수 없습니다. 문제는 스타일 시트의 일부 CSS 값 (예 : #mainLogo)이 최신 doctypes에서 인식되지 않는다는 것입니다. 페이지의 머리 부분에 스타일을 붙여 넣으면 모든 doctype에 사용할 수 있습니다. 스타일 시트의 일부 스타일을로드하지 않는 이유를 알고 있습니까? –

+1

나는 당신의 코드를 디버깅하려하지 않았지만 적어도 mainlogo와'mainlogo'에 문제가있는 것으로 보인다. 스펙에 따르면, 'id'값은 대소 문자를 구분합니다. Quirks 모드에서는 그렇지 않을 수도 있습니다. –

답변

0

대소 문자를 구분합니다.