I LOVE EJ

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

하드코딩으로 레이아웃을 잡을 때 가장 큰 문제는 대체 이 애들을 어떻게 배치하냐입니다. 물론 제가 하는 이야기는 기본적으로 html과 css의 개념에 대해 아는 분들을 위한 겁니다. 드림위버로 테이블 코딩을 하다가 스스로 하드 코딩을 공부할 때 앞으로 제가 지금 설명할 개념에 대해 명확하게 설명해준 책이나 글은 거의 없더군요. 일단 당장 지금 당장 알아볼 속성에 대한 결말부터 말씀드리자면 display: block과 inline;입니다. 사진출처 : http://goo.gl/9g8XG 이게 뭘까요? display는 말 그대로 각 태그들이 눈에 보이는 속성이 무엇인지 가리키는 겁니다. 이 display 속성에 대해서 이해만 하고 있더라도 사실 대부분의 레이아웃은 쉬운 죽 먹기가 되는 겁니다. 코딩 초보나 ..

테스트 화면 ; http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html다운로드 : http://manos.malihu.gr/jquery-custom-content-scroller 압축푸시고 jquery_custorm_scrollbar.html 여시면 테스트 화면과 동일합니다 열어보시면 제일 하단에 보시면 이부분이 컨트롤 부분입니다 function mCustomScrollbars(){ //malihu custom scrollbar function parameters: //1) scroll type (values: "vertical" or "horizontal") //"#mcs5_container" 제일 하단 모델입니다 //2) scroll easing amou..

Firefox에서 부가기능 관리자를 들어갑니다. 도구> 부가기능 관리자 저는 이미 설치되어 있으므로 안되있으신 분은 Html Validator을 설치하시기 바랍니다. 도구의 Html 검증기 선택사항을 클릭하시면 FF > 보기 > 도구모음 > 부가기능모음 을 클릭해주면 드디어 나온다는 사실 [출처] firefox에서 html validator 설치하고 확인하기|작성자 희짱

□ 임규성의 Creative Webhttp://uiux.co.kr/

크롬, 사파리 테이블 col width %값 인식 bug- position:absolute 오류http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   0" cellpadding="0" cellspacing="0" summary="col width test" class="tb_01">콜 width % 오류 테스트width:35%" />width:25%" />width:5%" />35%th>th>25%th>th>x%th>th>5%checkertd>td>checkertd>td>checkertd>checker/td> IE 6.0 IE 8위에 보다시피 파폭,IE에서는 문제 없이 보이지만, 크롬과 사파리에서는 %로 테이블 col width 값을 준 경우에 간격이 ..