Kingdom

이전에 IE 유저들을 위한 IE7Pro 팁을 소개해 드렸는데요. 이번엔 FireFox 를 이용한 팁입니다. 그러나 사실 팁이랄것까진 없고 FireFox 유저들은 대부분 아실지도 모르겠습니다만, FireFox 의 부가기능 중 하나인 'Down Them All!' 의 사용법을 소개할까 합니다. 브라우저들의 종류는 상당히 많습니다. 게다가 브라우저마다 특징이 다르고 지원되는 기능과 부가기능(애드온 또는 플러그인)의 지원이나 종류도 정말 다양합니다. 요즘은 부가기능을 지원하는게 기본적인 추세라 이러한 부가기능들을 잘만 이용하면 정말 편한 웹서핑이 가능합니다. 다른 부가기능들이 궁금하다면 지금당장 사용하는 브라우저 사이트에서 검색해보세요. :) 예제를 보여드리기 위해 좋은 배경화면 사이트를 소개합니다. [w] h..

[원출처] text-overflow: ellipsis for firefox http://www.rikkertkoppes.com/thoughts/2008/6/ 제목이나 내용이 긴 경우 뒷부분을 잘라서 말줄임표 ... 로 표시하는걸, PHP 나 자바스크립트로 잘라서 하다가 이제는 CSS text-overflow 를 이용하는 경우가 많습니다. text-overflow 속성의 자르기(clip) 와 말줄임표(ellipsis) 중 ellipsis 를 사용해서 문자열을 잘라낼 수 있습니다. 이 속성을 사용하기 위해서는 overflow 와 white-space 를 아래처럼 지정해 주어야 합니다..ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsi..

우선 아래 코드는 IE 에서는 아주 잘 실행되지만, FF 에서는 가운데 정렬이 안됩니다. 이를 해결하기 위한 방법으로는 3가지가 있는데 사실상 CSS 로 해결하는게 가장 보편적이고 편하겠죠. contents FireFox 용 속성을 이용하는 방법 대부분의 경우에 가장 편하게 쓸 수 있는 방법입니다. 상위 객체에 속성을 주면 하위 객체 모두를 가운데 정렬 시킬 수 있기 때문에 편합니다. 'margin' 을 이용하는 방법 이 경우 정렬 대상이 되는 객체에 속성을 주어야 합니다. 여러 객체를 가운데 정렬 시킬때는 오히려 불편하겠죠. 단, 정렬대상이 DIV 인 경우 DIV 가 'text'가 아니므로 이 방법을 사용해야 제대로 정렬이 됩니다. 테그를 이용하는 방법 CSS 는 크게 손댈일은 없지만 HTML 코드를 ..