발생일: 2011.07.04 문제: 얼마 전, 페이지 중앙 하단에 떠있는 플로팅 레이어 작업을 진행한 적이 있다. (플로팅 레이어 = 스크롤이 발생해도 같은 위치에 고정되어 있는 레이어) 작업을 진행하며 몇 가지 주의할 점이 있어 메모해둔다. 해결책: 플로팅 레이어가 페이지 하단의 가운데에 위치하기 위해 아래와 같이 마크업이 구현되어 있다고 가정한다. 1. IE6에서는 CSS의 fixed 속성이 적용되지 않는다. - IE6에서 fixed 속성을 구현하기 위한 방법. 2. IE7에서는 윈도우의 가로 사이즈가 홀수일 때, 정상적으로 위치를 찾지 못하는 버그가 있다. - 엘리먼트가 퍼센트를 이용한 상대 크기(%)를 사용하고, 래핑 엘리먼트의 크기가 퍼센트로 나뉘어 떨어지지 않는 경우(IE의 퍼센트 라운딩 알고..
발생일: 2011.02.09 문제: IE6 에서 백그라운드 변경 방식으로 처리된 엘리먼트에 마우스 오버 효과를 줄 때 이미지 깜빡임이 발생한다. 이 버그, 얘기는 많이 들었는데 가장 간단한 해결 방법이 뭘까? 해결책: 이는 IE6 버그로 백그라운드 이미지 상태가 변할 때마다 이미지를 새로 읽어오기 때문. 가장 간단한 해결 방법으로, 아래와 같은 스크립트를 추가하면 된다. try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} 자세한 내용은 아래 포스트를 참고하자. 배경 이미지 깜박거림(Background Image Flicker) 및 배경이미지의 반복적인 다운로드 문제에 대하여 : IE6 전반적인 사항에 대한 분석과 설..
발생일: 2009.03.15 문제: IE6의 box modeling 방식이 IE7/FF 와 달라 정확한 layout 표시가 어렵다. pixeldraw의 canvas를 그리면서 문제가 발생. 해결책: IE6와 IE7/FF의 box modeling 방식을 이해하고, CSS Hack 을 적용해 해결한다. 간단하게, height: 15px; // 모든 브라우저 #height: 15px; // IE 전용 _height: 21px; // IE6.0 과 이전버젼용 와 같이 구현해주면 된다. 또한, IE6에서 float:left; 를 적용할 경우 margin이 중복되어 적용되는데, 이 때에는 _display:inline; 을 적용해주면 된다.