CSS를 배울 때 문제를 해결 하는 방법 페이지 레이아웃

브라우저 버그를 많이 있을 수 있습니다, 하지만 그것은 데 버그 때 다른 느낌. 그래서 창조 자는 문제를 해결 하려면 몇 가지 방법이 필요 문제에 대 한 많은 이유가 될 수 있습니다.

유일한 테스트 브라우저는 더 나은 오페라 9.2, 파이어 폭스 2.0, 또는 IE 6 보다는 CSS 2.1, 사파리 3.0 등 IE 6은 대부분의 문제 때문에 테스트에 대 한 고급 브라우저를 선택 하는 것이 현명 하다. 이것은 생산자 (특히 초보자)에 대 한 아주 나쁜 CSS 2.1 규격을 이해 하 고 브라우저의 성능을 올바른지 여부를 확인 하.
테스트 고급 브라우저에서 정확 하 고 IE에서 문제가 있다, 그것은 수 있습니다 기본적으로 판단 IE 문제가.
고급 브라우저에 표시 하지 않으면, 다음 예비 심판을 시작할 수 있습니다 다음:
1. 맞춤법
웹 사이트 또는 (X) HTML 문서에 레이블을 일치 여부를 확인 하는 소프트웨어를 편집 하는 페이지의 유효성 검사, 중첩 순서의 체크섬을 사용할 수 있습니다, 그리고 빈 레이블이 올바른지 아니 폐쇄, CSS 철자가 올바른지입니다. 잘못 된 중첩 및 잘못 된 맞춤법 검사는 일반적인 오류입니다.
팁: 많은 편집 소프트웨어 (X)를 제공 하기 위해 사용할 수 있는 브라우저 지원 CSS 속성 또는 하지 여부를 포함 하 여 HTML 및 CSS 체크섬. 예: 드림위버 8 버전, TopStyle 및 다른 소프트웨어.
힌트: 파이어 폭스 추가 기능 소프트웨어 "방화 범"는 매우 유용한 도구입니다, 그것은 확인할 수 없습니다만 (X) HTML, CSS, 자바 스크립트, 당신은 동적으로 위치 하 고 페이지 상자에서 요소를 표시할 수 있습니다는 좋은 디버깅 웹 페이지 보조 플러그인.
2.이 책의 다른 장에서 적당 한 DTD
여부, 한 번 더 한 번 DOCTYPE의 중요성을 강조 했다 보다 다른 DOCTYPE에 직접적인 영향을 (X) HTML과 CSS 해석에 대 한 브라우저.
3. CSS 속성 브라우저 지원
현대 브라우저는 이전 챕터에서 대부분 CSS 2.1 사양 및 CSS 3 규격의 일부를 지원 하지만, 일부 CSS 속성이 아직 널리에서 지원 하지 않는 브라우저, 그래서 속성, 적용 되지 않습니다 브라우저에서 지 원하는 다는 것을 확인 하십시오.
4. 검역 문제
요소에 굵은 테두리 또는 배경 색상을 추가 하는 등 문제를 강조.
문제를 해결 하기 위해 테두리를 추가 하는 경우, 여백 겹치는.
배경 추가 경우에 배경이 표시 되지 않습니다, 그것은 특정 있을 수 있습니다 또는 부동 요소 닫히지 않습니다.
일부 속성, 특히 IE에서 일반적인 버그 인지 확인 하려면 IE의 haslayout을 트리거를 수정 하려고 합니다.
5. 문제를 해결할 수 없는 경우 기본 테스트
설정문제 파일을 복사 하 고 다음 추가 삭제 (X) HTML, 문제가 있는 부분을 떠나. 문제가 사라집니다 경우를 참조 하는 html에서
삭제 (X)는 주석 문제. 문제가 사라집니다 경우를 참조 하는 요소 사이의
삭제 공백. 문제가 사라집니다 때까지 그냥 주석 처리 스타일은 문제는
다음 스타일 시트를 차단 합니다.
6.
그들을 해결 하는 않고 문제를 해결의 문제 루트 찾아서 최종 목표 보다는 복잡 한 해킹 "아름 다운" 성능을 위해 보기 페이지를 사용 하 여 그것을 해결. 문제가 해결 되지 않으면 근본 원인을에서 브라우저를 업그레이드 하는 경우 문제가 발생할 수 있습니다 더 많은. 같은 시간에 해킹 새로운 문제, 특히 트리거링 또는 피하 IE의 haslayout 속성을 발생할 수 있습니다.
생각의 또 다른 방법은 또한 요소의 margin 속성을 취소 하 고 대신 해당 부모 요소의 안쪽 여백 속성을 설정 하는 등 문제를 피할 수 있습니다.
사용 해킹 해결 방법 경우에.