Web story/Html 16

meta 태그를 이용한 IE8 강제 IE7 호환

IE8로 네이버나 몇몇 사이트를 보면 호환모드가 뜨지 않는걸 볼 수 있습니다 이는 사이트내에 메타태그로 강제 호환모드를 주어서 그런데요 방법은 주시면 강제로 IE7 호환모드로 렌더링 됩니다 그런데 IE8용 호환모드 렌더링도 IE7과 완전히 같지 않기때문에 이점 감안해야 될 듯 하네요 완전히 IE7로 렌더링을 위해서는 F12 (개발자도구) 누르시면 메뉴에 "브라우저모드" 가 있습니다 이를 IE7로 바꿔 주시면 됩니다

Web story/Html 2009.05.21

크로스브라우징 input 박스

input 박스에는 여러가지가 있습니다. (라디오,체크박스,텍스트박스등) 여기에서 라디오 박스와 체크박스는 IE와 타브라우저에서 외곽여백의 차이가 있습니다. 이런경우를 잘모르는 웹디자이너 같은 경우 무조건 자기디자인 데로 해달라고 요구하곤하죠.. 그것도 익스에만 맞춰달라면서...참피곤한 경우죠. 물론 디자이너 입장에서는 그게 정답이고, 퍼블리셔 입장에서 맞춰주는것도 해야할일중에 하나일수는 있습니다. 그래서 협업이 중요한거 같습니다. 여튼 이럴때 해결방법입니다. 먼저 소스를 살펴보겠습니다. 테스트 위와 같은 소스를 출력하면 다음과 같습니다. 익스와 파폭,사파리는 기본적으로 4px 이라는 외곽여백이 존재하며, 오페라는 3px 여백이 있었습니다. 세로여백은 top 라인에서 익스는 2px, 파폭과 사파리는 3p..

Web story/Html 2009.04.15

Full tag name

아래 포스팅 한 테그 리스트는 웹 표준화팀 에서 “ 축약된 테그의 온전한 이름(Full tag name) 바로알고 사용하자 ”라는 운동의 일환으로 제가 직접 맡아서 제작한 것 입니다. 내용은 tagkorea.pe.kr의 “ 태그사전 ” 에서 참고하였습니다. Tag name Tag full name Anchor href=”URL” name=”이름” taget=”_blank” ,”_parent” , “_self” “_top” Active LINK java APPLET align=”top”, “middle” , “bottom” , ”left” , “right” alt=”텍스트” code=”URL” codebase=”URL” height=수치,width=수치 hspace=수치,vspace=수치 Horizonta..

Web story/Html 2008.08.27

IE, imagetoolbar 제거하기

Internet Explorer 브라우저에서 보면 일반적으로 테그를 사용하고 해당 태그에 마우스 오버를 하면 다음과 같은 도구 상자가 나타납니다 이것을 "imagetoolbar" 라고 부르더군요... 최근에 imagetoolbar가 뜨면 안되는 상황이 와서 구글링좀 해봤습니다.. 두가지 해결 방법을 찾았습니다. 1. Meta markup in Head head 테그 내부에 meta 테그를 삽입함으로써 해결가능합니다.. 2. 비표준 img 테그 속성 사용 IE에서만 제공하는 img 테그의 비표준 속성을 사용할 수 있습니다. 해당 이미지 테그에 galleryimg = "no" 라는 속성을 주면 imagetoolbar가 뜨지 않습니다. 비표준 속성이므로 사용이 장려되지는 않는군요... 하지만 이렇게 부분적으로..

Web story/Html 2008.08.26
반응형