inline-block속성 이용하기

요즘 제가 float속성 대신 많이 사용하고있는 방법은 inline-block입니다. 이미지 겔러리 같은 디자인을 코딩시 float의 단점은 높이가 다를 경우 다음줄의 정렬이 뒤틀어지는 문제가 생기기 때문에 높이를 정해주거나 사이에 clear를 해야 하는 문제가 있었죠.. (저같은 경우는 말이죠.. 좋은 방법을 알고계시다면 알려주세요.) 그래서 사용하는 방법이 inline-block입니다. inline-block로 정렬시 높이가 일정하지 않아도 정렬이 뒤틀림 없이 나오게 할수가 있습니다. 거기다 […]

IE를 위한 css모음

IE6 png filter IE6에서 알파값이 들어간 png를 처리하지 못하기 때문에 filter를 사용해야 합니다. [css] /*scale*/ selector { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’pngImage.png’, sizingMethod=’scale’); } /*crop*/ selector { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’pngImage.png’, sizingMethod=’crop’); } /*image*/ selector { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’pngImage.png’, sizingMethod=’image’); } [/css] scale, crop, image 속성을 지원합니다. scale 상위의 객체에 꽉 체워 줍니다. 만일 이미지를 싸고 있는 레이어가 있다면 그 레이어에 크기에 맞게 그림이 […]