개발/웹표준15 CSS를 이용한 말줄임(...) 표현 우선 결과!! Internet Explorer 9.0 Opera 11.52 Firefox 8.0 Safari 5.1.1 Chrome 15.0 CSS 표현 가나다라마바사아자차카타파하 너비지정을 해 주고, 줄바꿈을 하지 않도록 해 주어야 글이 넘칠 것입니다. (물론 브라우저 가로 크기가 좁아지면 줄바꿈만 하지 않아도 되겠지만요) 그리고 넘치는 부분은 보이지 않게 해 주고, 글씨가 넘치는 부분은 점으로 처리하겠다고 적은 것입니다. 'ellipsis' 대신 'ellipsis-word'로 입력하면 단어 단위로 잘리는 것 같더군요~ 덧붙여서 구 버전의 브라우저들에서는 지원하지 않을수도 있습니다. 그래서인지 구 버전 브라우저용 CSS 코드가 있는 것 같기는 하더군요~ 근데 요즘 IE 빼고는 거의 최신 브라우저를 사용.. 2011. 11. 16. ie6, ie7 에서의 font-size 문제!! Internet Explorer 6, 7 버전에서 글씨의 크기가 제대로 표현되지 않는 문제가 있습니다. 11px 로 설정한 글자가 12px과 크기가 비슷하게 나타나는 문제가 그것이죠! 그리고 모든 사이트가 그런게 아니라 몇몇 사이트에서만 그런 문제가 나타나는게 더 신경쓰이게 만드는 이유였습니다. 현상 1px~19px을 각각의 브라우저에서 표현해 봤습니다. font-family:Georgia,굴림; (IE6, IE7) (IE9, IE8) 10px, 11px, 12px의 한글의 글씨 크기가 다릅니다. (영문은 좀 낫네요) 제가 이것 저것 수행해 본 결과 다 그런 것은 아니고 몇몇 영문글꼴(Geneva)은 제대로 표시가 됩니다. 그런데, 거의 모든 영문 글꼴이 다 IE6에서는 이상하게 나타나더라는 것입니다. .. 2011. 10. 13. IE 호환성 보기 버튼 없애기 IE 호환성 보기 버튼이란??? kr.yahoo.com(2011.10.07) 아직 야후코리아는 호환성 보기에 대한 조치를 하지 않았군요~ 이미 오래전부터 자취를 감추기 시작한 이 버튼은 이제 찾기 드물어 졌지만, 간혹 이렇게 보이는 사이트가 있습니다. Internet Explorer 8이나 9버전을 쓰시는 분들이 해당 사이트에 접속했을 때, 6이나 7버전으로 제작된 사이트가 깨져 이는 경우가 있습니다. 이 때 이 버튼을 누르게 되면 6~7을 렌더링 하던 방식으로 화면을 표시합니다. 깨져 보이는 것을 방지하는 방법인거죠~ 결국 이 버튼은 옛날 방식으로 제작된 사이트에만 필요한 것 아닌가??? 맞습니다. IE8, 9버전에 맞게 제작된 사이트에서는 더 이상 이 버튼이 필요하지 않죠~ 오히려 사용자가 저 버튼을.. 2011. 10. 7. [CSS3 PIE] IE6,7,8에 CSS3를 적용하자!! IE6을 사용하는 분들이 많다는 사실은 프로그래머 입장에선 아주 안타까운 일입니다. 하지만, 그렇기에 프로그래머의 가치가 더 높아지지 않을까?? 란 생각을 하게 됐습니다. 이 컴포넌트를 보니까 더 그런 생각이 드는군요~ ㅎ 저는 지금 인터넷에서 조금 조금씩 보여지고 있는 CSS3의 화려한 기능들에 눈길이 가기 시작했습니다. 각 브라우저 버전별 지원 여부는 여기를 참고하시면 됩니다~ 그런데, 사용하려고 보니 역시 구버전 Internet Explorer가 신경이 쓰이는군요~ Firefox나 Chrome은 알아서 업데이트가 나오면 알아서 잘 업데이트를 해 주는 편이라 간편한데, IE는 그렇지 않고 더군다나 아직도 IE6 사용자는 많이 있기에 고려하지 않을 수가 없네요~ 그러던 중~ 이 컴포넌트를 발견했습니다... 2011. 10. 5. 이전 1 2 3 4 다음
