글에 이미지를 첨부해올렸을때게시판 폭보다 큰 경우에도 이미지가 그대로 보여서게시판 레이아웃이 무너지는데,,리사이즈되는 기능이 필요합니다~css 접근으로는 어려울거 같긴 하고도와?주세요=)
max-width 속성으로 대충 가능할 것 같습니다.
#body img { max-width: ...; }
dahlia wrote:max-width 속성으로 대충 가능할 것 같습니다.
max-width 가 다 먹는 속성인가요?브라우저 호환이 어느 버전까지 적용되는지
max-width가 가장 깔끔한 해결책이긴 합니다만 IE6 이하에서 지원되지 않습니다. IE7/FF/Safari/Opera 등에서만 지원되는군요. (역시 망할 IE -_-)참고로, 태터툴즈의 경우 스킨에 메타 정보(index.xml)를 포함시켜서 스킨 제작자가 스스로 컨텐츠의 최대 너비를 제한하도록 함으로써 이 문제를 비껴가기는 했습니다. 이렇게 하면 php 단에서 img 태그를 조작한다든가 리샘플링을 한다든가 해줄 수 있겠죠.
티켓으로 추가 요청합니다~
#142번 티켓으로 추가하였습니다.
티켓이 열렸으니 곧 되겠군요 ^^ 임시 방편으로 아래처럼 수정하셔서 쓰세요default header나 global header에 </head>바로 위에 아래 내용을 추가하세요.
<!--[if lte IE 6]> <style type="text/css"> #attachments img { width: expression(this.width > 560 ? "560px" : this.width); } </style> <![endif]-->
그리고 스타일시트에 아래 내용을 추가하세요.
#attachments img { max-width: 560px; }
이렇게하시면 ie6, ie7, ff, opera 모두 첨부파일 부분만 560px로 조절됩니다.포스트 전체 적용하시려면 id를 meta로 하시면 됩니다.
허허, 그런 방법도 있군요;;;저 정도 수준의 expression은 아니더라도 개인적으로 CSS3 등에서 width: 50% + 3px; 와 갈은 형태는 지원해줬으면 좋겠어요;
이름 암호
max-width 속성으로 대충 가능할 것 같습니다.
Code:
#body img { max-width: ...; }max-width 가 다 먹는 속성인가요?
브라우저 호환이 어느 버전까지 적용되는지
max-width가 가장 깔끔한 해결책이긴 합니다만 IE6 이하에서 지원되지 않습니다. IE7/FF/Safari/Opera 등에서만 지원되는군요. (역시 망할 IE -_-)
참고로, 태터툴즈의 경우 스킨에 메타 정보(index.xml)를 포함시켜서 스킨 제작자가 스스로 컨텐츠의 최대 너비를 제한하도록 함으로써 이 문제를 비껴가기는 했습니다. 이렇게 하면 php 단에서 img 태그를 조작한다든가 리샘플링을 한다든가 해줄 수 있겠죠.
티켓으로 추가 요청합니다~
#142번 티켓으로 추가하였습니다.
티켓이 열렸으니 곧 되겠군요 ^^ 임시 방편으로 아래처럼 수정하셔서 쓰세요
default header나 global header에 </head>바로 위에 아래 내용을 추가하세요.
Code:
<!--[if lte IE 6]> <style type="text/css"> #attachments img { width: expression(this.width > 560 ? "560px" : this.width); } </style> <![endif]-->그리고 스타일시트에 아래 내용을 추가하세요.
Code:
#attachments img { max-width: 560px; }이렇게하시면 ie6, ie7, ff, opera 모두 첨부파일 부분만 560px로 조절됩니다.
포스트 전체 적용하시려면 id를 meta로 하시면 됩니다.
허허, 그런 방법도 있군요;;;
저 정도 수준의 expression은 아니더라도 개인적으로 CSS3 등에서 width: 50% + 3px; 와 갈은 형태는 지원해줬으면 좋겠어요;