알콜뭉뭉이랜드

W3C의 규격에 의거하여 CSS 코드를 작성하더라도, 각각의 웹 브라우저마다 웹 페이지가 다르게 출력되는 문제가 있습니다. 이러한 문제는 브라우저들이 CSS 규격을 조금씩 서로 다르게 해석하고 출력할 뿐더러, 몇몇 규격은 전혀 출력하지 못하기 때문에 발생합니다. 이처럼 브라우저가 CSS를 W3C 규격과 다르게 출력하거나, 전혀 출력하지 못하는 문제를 CSS 출력 버그(CSS Rendering Bug)라고 합니다. CSS 출력 버그는 표준을 준수하여 웹 페이지를 제작할 때 가장 큰 걸림돌이 됩니다. W3C 규격 외에도 각각의 웹 브라우저들의 CSS 출력 현황에 대해서도 이해해야 하며, 이러한 버그들을 잡는 방법까지 파악해야 하기 때문입니다. IE7, FF1~2, Opera9, Safari처럼 최근에 출시된..

IE의 렌더링은 3가지 방법에 의해 적용 1. DoctypeDOCTYPE 선언URL 표기 유무랜더링 모드DOCTYPE 없음n/aIE6이하HTML (Version 지정 없음)IE6이하HTML 2.0IE6이하HTML 3.0IE6이하HTML 4.0IE8HTML 4.0 FramesetURL 있음IE8URL 없음IE6이하HTML 4.0 TransitionalURL 있음IE8URL 없음IE6이하HTML4.0 Strictn/aIE8XHTMLIE8Unrecongnized DOCTYPEIE8 2. Http 리스폰스 헤더 3. Meta 태그레이아웃 모드모드값IE6 이하IE=5IE7IE=7IE8IE=8무조건 최신IE=edge IE=5 : 관용모드(quirks mode)로 지정된 DOCTYPE에 상관없이 IE5 렌더링 방식이..

div 속성중 overflow:hidden 은 div 레이아웃을 깨지지 않게 하는 중요한 요소입니다. 아무리 사이즈 조절을 잘해도 옆어로 죽~ 늘어나는 게시물에는 대책이 없죠;;그런데 overflow:hidden 이 IE에서 잘 안먹히는 겁니다!!!!! 익스플로러9 버젼부터는 고쳐졌기를 바라지만 IE8, IE7 은 이방법을 꼭 써야 overflow hidden 이 됩니다.바로 익스플로러는 width style을 꼭 지정해 줘야해요. ex)