웹 썸네일형 리스트형 [IE6] Facebook 과 Twitter 의 IE6을 대하는 자세 정말 오랜만에 포스팅을 합니다. 요즘 갑자기 여러가지 일로 바쁘게 되고 전에는 프로젝트가 갑자기 바빠지는 바람에 블로그에는 별로 신경을 쓰지 못하였습니다. 안타까운 현실이죠. 뭐 사실 트위터와 페이스북에 빠져있어서 그랬던 것도 있습니다. ㅜㅜ 오늘은 한참 된 이야기이긴 한데 저번 마이크로소프트 인터넷익스플로러 9의 베타버젼의 발표가 있었던 같은날 있었던 트위터의 공식적인 인터넷익스플로러6 지원 포기 선언에 대한 이야기 입니다. 미국의 유력 사이트들은 과연 IE6에 대해 어떻게 대응하고 있을까요? 우리나라 같은 경우는 포털이나 에이젼시나 거의 모든 곳에서 크로스브라우징을 고려할 때 IE6을 빼놓지 않습니다. 물론 이유는 다들 아시는 것 처럼 사용자가 많이 있기 때문이지요~ 어제(2010년11월3일) 있었던.. 더보기 [Mobile] 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 요즘 아이폰의 보급으로 많은 사람들이 iPhone을 사용하고 있습니다. 그래서 iPhone의 Safari에 최적화된 웹페이지를 많이 제작하고 있는데요. 아이폰 사파리는 모바일 브라우저로 여러가지를 고려하여 개발해야 하는데요. 앞에서 포스팅한 전화번호 링크와 화면 확대되는 부분이외에 화면 확대는 막았어도 텍스트가 자동으로 확대가 되는 것을 볼 수 있습니다. 세로로 딱 맞게 작업했을 경우 가로로 보게 되면 폰트가 확대되어 있는 것을 볼 수 있는데요. 이렇게 되면 어느 환경에서나 잘 보이게 개발하기 힘들겠죠? 그래서 폰트가 확대되는 것을 막아야 합니다. 그림에서 볼 수 있듯이 세로로 잘 맞게 작업한 경우 가로로 봤을 때 두번째의 그림같이 확대가 되게 됩니다. 그래서 원래 생각했던 디자인과 다르게 나오게 될 수.. 더보기 [HTML] DTD DOCTYPE 과 HTML5 HTML 문서의 표준을 지정하기 위해 선언해주어야 하는 DTD DOCTYPE 그것이 무엇일까요? DTD 는 Document Type Definition 문서의 타입을 정의하는 것 입니다. 보통 독타입에는 몇가지가 있는데요. Strict - W3C가 의도했던 문서 타입 (엄격한 규격) Strict 타입은 W3C가 스타일시트 사용을 장려하기 위해 단계적으로 사라질 표현(presentation)에 관한 태그와 속성을 배제한 문서 타입입니다. 제작자는 가능하다면 strict 타입을 사용해야 한다는데요. Transitional - 기존에 만들어진 문서들과의 호환성을 위해서 만들어짐 (과도적인 규격) 과거의 모든 문서들을 Strict DTD에 맞게 바꾸려면 엄청난 변화가 필요하므로 그 중간 단계로 Transitio.. 더보기 [Javascript] offsetHeight, cilentHeight, scrollHeight 의 비교 1. element.offsetHeight, element.offsetWidth - W3C 권고안이 아님 (MSIE's DHTML Object Moldel) - element 의 border. 수직/수평 padding. css width 를 포함한 너비 or 높이 (즉, 화면을 봤을 때 보여지는 엘리먼트의 크기) 2. element.clientHeight, element.clientWidth - W3C 표준 아님 (MSIE's DHTML Object Moldel) - element 의 border 를 뺀 안쪽의 너비 or 높이 (즉, 화면에서 테두리를 뺀 엘리먼트의 안쪽의 크기) 3. element.scrollHeight, element.scrollWidth - W3C 권고안 아님 (MSIE's DHTM.. 더보기 이전 1 다음
