HighCa.com

Reference : http://www.smashingmagazine.com/2010/02/11/the-life-times-and-death-of-internet-explorer-6-comic-strip/ 만약 이미지가 작게 보인다면 클릭해서 보세요. (번역이 잘못되었다면 지적 바랍니다. 의역을 많이 했습니다.)

문제점 IE6에서 a태그 옆에 img 태그가 위치할 경우 텍스트 언더라인(underline)이 텍스트에 너무 붙어 보기가 이상한 문제. 단, 파이어폭스나 IE8등 다른 브라우저에서는 별다른 문제 없음. IE6 IE8 FireFox 3.6 Chrome 3.0 모든 경우에 그런 것은 아니며, 아래 예제 소스와 같이 특정한 경우에만 발생된다. 위 표에서 보면 알 수 있듯, IE6을 제외한 다른 브라우저에서는 텍스트와 밑줄 사이의 여백이 적당히 있어 보기가 나쁘지 않지만 IE6에서는 너무 붙어있어 보기가 좋지 않다. 예제 소스 하하하 발생 원인 body에 선언된 한글 폰트 문제 (굴림, Gulim, 돋움, Dotum) img에 선언된 vertical-align:middle 속성 해결 방법 선언한 한글폰트를 삭제..

인터넷 익스플로러6에서 absolute 등으로 부유된 div가 select에 가려지는 현상에 곤욕을 치루는 경우가 많다. IE6은 div보다 select를 우선으로 처리하기 때문인지라 자바스크립트를 사용해 div가 부유될 경우 select를 강제로 숨겨주는 등의 기법이 알려져 있다. ▲ 일반 브라우저에서 정상 출력되는 모습(좌) / IE6에서 select에 가려진 현상(우) 하지만 css만으로도 div가 select에 가려지지 않게 만들 수 있다. 해답은 비어있는 iframe 을 부유된 div와 같은 위치로 넣으면 된다는 것. 위 예제의 코드는 아래와 같다. 내용 어쩌구 어쩌구 어쩌구 어쩌구 해결책 여기에 아래와 같이 굵은 글씨로 된 코드처럼 비어있는 iframe을 부유된(absolute) div와 같은..

IE6이나 7 에서는 position:relative 및 position:absolute 에서 z-index 가 먹지 않는 버그가 있다. 까만놈1 창구1 까만놈2 창구2 위 예제와 같이 absolute 된 레이어가 position:relative 속성을 가진 영역과 겹칠 있을 경우 " 창구1(absolute 된 레이어)" 이 보이지 않는 문제가 발생한다. 파이어폭스나 크롬 등 웹표준 브라우저에서는 창구1에 z-index:1000 등을 주면 인식을 하지만 IE6에서는 그렇지 않다. ▲ 파이어폭스 및 크롬 등에서 창구1이 정상적으로 출력되는 모습. ▲ IE6과 7에서는 까만놈1에 가려서 창구1이 안 보인다. 해결책 까만놈1 창구1 까만놈2 창구2 absolute 속성이 있는 div를 감싸는 position:..

본 블로그에서 여러차례 밝혔지만, 본인은 파이어폭스를 주 브라우저로 쓰고 있으며, 인터넷 익스플로러(IE)8을 인터넷 뱅킹이나 쇼핑몰 등을 이용할 때 사용한다. 그런데 파이어폭스는 사용하면 할 수록 느려지는 현상이 있는데다가, 최근 이것 저것 지름질을 많이 해서 그런지 집에서는 IE에 좀 더 손길이 간다. 그런데 IE를 사용하다보면 파이어폭스에 있는 유용한 확장기능이 그리울 때가 있는데, IE에도 그 대안이 몇 가지 있다. 물론 파이어폭스만큼 확장성이 뛰어나진 않지만, 유용한 도움 프로그램이 있으니, 그것은 바로 IE7Pro 다. 이름이 IE7Pro긴 하지만 IE8에서도 잘 동작한다는 점은 참고 바란다. IE7Pro는 어떤 프로그램? IE7Pro 공식 홈페이지 비슷한 프로그램으로는, 국산 프로그램인 IE..

MS계열에서 최초로 웹표준을 지원한다는 브라우저가 IE8이다. 비록 경쟁 브라우저에 비해 웹표준 지원이 상대적으로 빈약하긴 하지만, 그런대로 잘 웹표준을 지원하는 것으로 보인다. 게다가 구동 속도나 페이지 랜더링 속도도 IE7에 비해 빠르기 때문에, 나는 IE8을 안 쓸 이유가 없다. 주 브라우저는 파이어폭스지만 MS강매질에 여념이 없는 국내 웹사이트(특히 금융권) 및 정부기관들 때문에 할 수 없이 윈도 + IE 조합을 쓸 수 밖에 없는 현실이다. 엑티브X 도배질은 당장 어쩔 수 없다 쳐도, XHTML + CSS 개발자 입장에서는 국내 점유율이 압도적으로 높은 IE(그 중에서도 6.0)를 굉장히 고려해야만 하는 현실에 놓여 있다. 1시간이면 끝날 코딩을 경우에 따라 2~3시간이 걸리기도 한다. IE 6 ..

"웹표준". 일반인들이야 별 관심이 없을지언정 웹 관련 개발을 하는 쪽에서는 점점 더 대두가 되고 있는 키워드임을 부정할 수 없을 것이다. 네이버, 한게임으로 유명한 nhn 은 이러한 "웹표준"에 일찍부터 관심을 보여왔고 nhn의 웹표준팀에서는 공익(?)적인 목적으로 자체적인 웹 표준화 가이드 정보를 제공하는 NULI - NHN Web Standardization Guide 라는 사이트를 운영하고 있다. 그 사이트에는 비록 네이버 사내에서 요긴하게 쓰일만한 내용 구성이긴 하지만, 네이버와 관련이 없는 사람들도 쓸만한 정보가 꽤 있다. 그 중에서도 UI라이브러리는 다양한 상황에서 쓸 수 있는 예제/소스코드를 잘 정리 놓은 코너인데 아이러니하게도 IE 6.0 은 전혀 고려가 되어 있지 않은 상태로 제공되고 ..