표준방식 랜더링과 비표준방식 랜더링이 가장 차이가 많이나는 브라우저는 인터넷 익스플로러이다. 인터넷 익스플로러는 레이아웃 제작이나 위치를 설정하는데 영향을 크게 미치는 박스모델이 랜더링 모드에 따라서 차이가 크다. CSS에서 말하는 박스모델에서는 너비(width)는 콘텐츠가 들어가는 영역의 너비를 의미하는데 인터넷 익스플로러의 비표준 방식 랜더링에서는 너비를 콘텐츠의 너비 + 안쪽 여백(padding) + 경계선(border)으로 정의하고 있다. 그래서 어느 DTD를 선택하는지에 따라서 안쪽 여백이나 경계선을 사용한 부분의 디자인이 많이 달라지게 된다. 인터넷 익스플로러에서 랜더링 엔진을 변경하는 기준은 MSDN(CSS Enhancements in Internet Explorer 6)에 잘 나와있다. H..
IE 중앙정렬 : text-align: center; FF 중앙정렬 : margin: 0 auto; ex).img {margin: 0 auto; text-align: center;} 이렇게 넣으면 두 브라우저에서 동일하게 이미지를 중앙정렬시킬 수 있음. ---------------------------------------------------------------------------- 따옴표차이 따옴표를 사용하면 브라우저 페이지로딩 속도가 빨라짐. XML, XHTML과 같이 형식을 엄밀하게 따지는 언어는 모든 값이 따옴표속으로 들어가야 됨.
HTML 4.01 호환모드 가장 최근의 CSS 규격을 따름. 엘리먼트 배치가 자유로움, 스크롤링 레이어 같은건 사용 불가능, position, display 속성과 구현 방법의 차이가 상이, frame 사용 불가능 -------------------------------------------------------------------------- HTML 4.01 엄격모드 1999년 12월 24일 확정 규격. 권장하지 않는 element, attribute, frame 사용불가,엘리먼트 배치가 엄격함,일부tag가 적용안됨, 가장 이상적인 문서작성시 사용. -------------------------------------------------------------------------- XHTML 1.0..
