I LOVE EJ

웹킷 계열의 브라우저에서 caption 에 position absolute 를 주는 경우col width 의 % 값을 정상적으로 렌더링 하지 못하는 오류가 보고된 바 있습니다.

ie7~ie8에서 last-child가 적용안된다. (신기하게 first-child는 적용됨) 마지막 li 찾아가는 방법은 cssul li+li+li {} 이렇게 + 갯수만큼 더해주면 찾아감. http://selectivizr.com/ 위 사이트의 라이브러리 같은 셀렉터를 추가해주는것도 있음.[출처] IE7~IE8 last-child 적용|작성자 GaeRack

E7 문제점 해결: z-index, 리스트 계단현상, Hack, hasLayout Windows XP의 경우 '인터넷 익스플로러 6(IE6)'이 자동으로 함께 설치된다고 해도 얼마 사용하지 않아 '익스플로러 8(IE8)'을 설치하라고 권고합니다. 그만큼 익스플로러 8 이하 버젼이 웹표준에 어긋난다는 것인데요. 아직 많은 사이트들이 익스플로러 6, 7(IE6, IE7)에 맞추어 만들어져 있어서 익스플로러 8 이상에서 제대로 작동하지 않는 경우가 많습니다. 그러다보니 익스플로러 8을 사용하는 네티즌들이 호환성보기를 클릭하여 이전 버젼에 적합하도록 설정하여 웹서핑을 하게 됩니다.IE8을 설치하고 IE7 정도의 수준으로 사이트를 본다는 얘기죠.이런 경우 웹표준으로 만든 사이트들이 오히려 레이아웃이 깨지는 등 제..

과거 HTTP 표준이 지켜지지 않을때 IE가 시장을 지배한탓에 IE8에는 여러가지 모드가 있다. 일반적으로 잘 알려진 것이 호환성 모드이다. IE8이 표준에 대한 지원을 강화함에 따라 이전 전용코드들에 대해서 문제가 발생하는데 이를 해결하기위한 땜빵이 호환성 모드이다. 표준과 IE전용을 적당히 석어서 랜더링한다. IE8에보면 F12로 개발자모드 창을 띄울수있다. 그곳에 보면 모드가 2종류가있다. 브라우져모드 : 7 / 8 / 8호환성 문서모드 : 7표준 /8표준 / 쿼크 이것은 "현재의 문서를 어떤방식으로 랜더링을 할것인가?" 를 선택하는것이다. 브라우져 모드는 브라우져의 기본 셋팅을 정하는것이고 문서모드는 자신의 랜더링방식을 명시하는것이다. (기능적으로 둘은 동일한데 어디서 정의를 하는가의 차이이다.)..

웹 브라우저가 Quirks Mode와 Strict Mode를 갖게 된 이유.대부분의 웹 브라우저는 두 가지 렌더링 모드를 지니고 있으며 그것은 바로 Quirks Mode와 Strict Mode 입니다. 이렇게 두 가지 렌더링 모드를 지니게 된 것에는 나름의 이유가 있습니다. 웹 브라우저의 렌더링은 점점 표준에 가깝게 개선되었지만 그렇지 못한 오래된 웹페이지들은 최신 버전의 브라우저에서 깨져 보이게 되는데 이를 위하여 각 브라우저 벤더들이 fallback을 제공하고 있는것입니다. 이것은 마치 제 얼굴이 너무 못생겨서 최신의 미남형으로 성형수술을 했더니 사람들이 저를 몰라보는 바람에 다시 옛날 모습의 가면을 뒤집어 쓰는것과 비슷한 상황입니다. IE5 가 최초로 이것을 시도했고 다른 브라우저 벤더들도 이런 케..

ie9에서 돋움 등의 font가 1px 올라가는 현상은 현재까지 별다른 방법이 없기에 핵, 혹은 css 분기 방법을 이용. [ie9 css핵] - ie9 핵은 아래 예시처럼 선택자 앞에 :root 를 붙이고, 적용 스타일 뒤에 \9를 작성 (ie9 핵 예시) :root div{line-height:1.2\9;} [ie10 css핵] - @cc_on 감지법, @media -ms-high-contrast 핵, @media Zero 핵 등 IE10 CSS HacksBy Louis Lazaris on November 21st, 2012 | 28 CommentsLast year, Microsoft announced that IE10 will not be supporting conditional comments. ..

IE 핵 (css hack) IE6 핵(underscore hack) div{_width:100px; _height:50px;} 속성 앞에 언더바(_)를 붙여준다. IE6 핵(star hack) *html div{width:100px; height:50px;} 선택자 앞에 *html를 붙여준다. IE7 핵(star hack) *div{width:100px; height:50px;} 선택자 앞에 별(*)를 붙여준다. IE7 핵 *+html body div{width:100px; height:50px;}/* IE7, OPERA 적용 */ *:first-child+html div{width:100px; height:50px;}/* IE7 적용 */ 선택자 앞에 *+html body 또는 *:first-chil..

E6과 7버전 css핵을 사용한 DIV 내부 내용 세로 가운데 정렬. table을 쓰는 것이 더 편하지만, 이런 꼼수도 있다. 가운데 정렬 가운데 정렬 [출처] [IE6,IE7] vertical-align (IE6과 7버전 css핵을 사용한 DIV 내부 내용 세로 가운데 정렬)|작성자 eggbob