느리게 걷기

CSS핵(hack) 정리 브라우저의 버그를 hack으로 해결할 수 있는 부분이 많이 있습니다만 그보다 사이트의 CSS구 조를 설계할때 각 브라우저의 속성을 파악해고 조금만 더 주의해서 설계를 하시면 hack을 사용하지 않고도 해결할 수 있는 부분이 많이 있습니다. hack을 사용할때는 조금 더 신중하게 사용하시는게 좋습니다. 특히 예전 버전의 브라우저에 적용되었던 hack이 새로운 브라우저에 영향을 끼칠 가능성이 있으며 CSS를 변경 할 때 업무효율을 저하시키는 한 요인이 될 것 입니다. Intenet Explorer계열의 브라우저에서 제대로 표시가 되지 않는 경우에는 일단 width값이나 float관련 설정을 변경해 보시는 것도 하나의 방법인 것 같습니다. 혹시 Intenet Explorer에서 flo..

:root p {background:yellow;} // :root 지원되는 다른 모든 브라우저 html p {background:yellow;} // IE8 적용 * + html p {background:yellow;} // IE7 적용 * html p {background:yellow;} // IE6 적용

IE6 브라우저에서, float 된 블록요소에 같은방향으로 마진값을 주면 2배로 적용되는 버그입니다. 예) 플로트 레프트 적용된 박스 : 결과적으로 마진값이 40px 적용되는 것을 확인할 수 있습니다. 해결책: 플로트 적용한 박스에 display:inline; 을 적용합니다. 또는 같은방향으로 마진값을 주지 않습니다.

[출처]http://www.webmini.net/130308 IE6에서 셀렉트 박스는 상위에 존재합니다. 존재하다 못해 뚫고 나와버리는 문제가 있습니다. 이럴때 해결방법 입니다. 레이어팝업 일수도 있고, 툴팁같은 형태일수도 있습니다. 여러방법이 있지만, 제가 사용해본 것중에 가장 괜찮은 방법인거 같아서 소개해봅니다. 해결방법 1. 먼저 CSS에 아래 내용을 추가합니다. iframe.ie6_select { position:absolute; bottom:-3px; left:-3px; z-index:-99; /* 기존 레이어보다 뒤에 위치시킴 */ width:100px; height:100px; border:0; filter: alpha(opacity=0); /* IE에서 테두리없앰 */ } 가로,세로사이즈는..

z-index 로 해결되지 않을때,, 중요한 것은 플래시를 불러오는 object 태그 안에, 이것이 삽입되어야 한다.

온라인서식에 한/영 변환을 설정할 수 있다. 속성 : ime-mode 값(sMode) auto : 기본값. 한/영 변환이 자유롭게 된다. 지정안한것과 똑같다.. active : ime를 거치기 때문에 기본에서 한/영키를 한번 누른것 같은.. 즉 한글기본이된다. 그리고 이또한 한/영변환이 자유롭다. inactive : ime를 거치지 않고 입력이 된다. 즉 영문기본이고 한/영변환이 자유롭다. disabled : 영문기본으로 한/영변환이 안된다. 즉 영문, 숫자만 입력되고 한글입력은 불가능. Syntax HTML {ime-mode:sMode;} Scripting [sMode=] object.style.imeMode Example

IE7 에서 이 스크립트를 사용할 때 보안경고가 뜬다. 그래서 아래오 같이 보안설정을 수정해주어야 한다. IE8 에서는 사용이 불가하다(메타태그로 IE7로 랜더링 시키는 방법이 최선인듯) 인터넷브라우저 : 도구 > 인터넷옵션 > 보안탭 > 신뢰할 수 있는 사이트 먼저 신뢰할 수 있는 사이트 목록에 해당 URL을 추가한다. 그 상태에서 [사용자지정수준]을 아래와 같이 적용한다. ActiveX 컨트롤 및 플러그인 바이너리 및 스크립트 동작 : 사용 서명 안 된 ActiveX 컨트롤 다운로드 : 확인 서명된 ActiveX 컨트롤 다운로드 : 확인 스크립틀릿 허용 : 사용 안 함 스크립팅하기 안전하지 않는 것으로 표시된 ActiveX컨트롤 초기화 및 스크립팅 : 확인 스크립팅하기 안전한 것으로 표시된 Activ..