티스토리 툴바

Daum
Tistory
로그인

[CSS] position 속성

개발관련 2010/06/03 18:36

position property (http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme)

  • static

  • relative

    • static일때의 위치를 기준으로 top, left, bottom, right 속성이 적용된다.
    • relative인 box B가 있고, 그 다음에 나오는 sibling은 B의 static 영역을 기준으로 자리를 잡는다.
    • relative가 적용되지 않는 block elements : table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption

  • absolute

    • top, left, bottom, right 속성이 자신을 포함하는 box의 위치를 기준으로 적용된다.
    • 다른 sibling과의 위치에 영향을 주지 않는다. 
    • margin 값이 있어도 다른 box의 margin과 합쳐지지 않는다. (Box model : Collapse margins)

  • fixed

    • absolute와 비슷하지만, 자신을 포함하는 box가 아닌 viewport의 맨위좌측을 기준으로 적용된다.
    • 스크롤되지 않고, 항상 같은 위치에 보이게 된다.
    • print media type에 적용되는 경우, 모든 페이지에 나타난다.

    • 따라서 화면에는 항상 나타나지만, 프린트할때는 한번만 보이게 할경우... screen의 경우 fixed, print의 경우 static으로 다르게 설정해 주어야 한다.

      @media screen { 
  h1#first { position: fixed } 
}
@media print { 
  h1#first { position: static }
}


** position 속성 예제 포스트 참고하기! - http://mkyoon.com/56>

이 글은 스프링노트에서 작성되었습니다.

Posted by 쇼니
TAG CSS, position
트랙백 0개, 댓글 2개가 달렸습니다

Mail header, MIME Encoded-Word

개발관련 2010/05/25 15:49

메일 전송시 헤더에는 ascii 문자만 포함되어야 한다.

만약에 그 이외의 문자가 포함된다면 MIME encoded-word에 따라 인코딩해야한다.

 

위키백과에 나오는 Encoded-Word의 형식은 다음과 같다.

encoded-word 형식 : "=?문자셋?인코딩방식?인코드된데이터?="

문자셋은 무엇을 사용해도 무방한데,,

인코딩방식은 Q-encoding을 나타내는 "Q"와 base64 인코딩을 나타내는 "B" 둘중 하나를 사용한다.

 

SendMail 서버를 통해서 한글제목의 메일을 보내면, Q-encoding을 사용하여 보내게 된다.

그러나 naver, hotmail 등은 제목이 제대로 보이지만

daum, paran의 경우는 제목에 공백문자가 "_"로 대체되어 보인다.

(daum의 경우 받은편지함 목록에서만 그런현상이 있다..)

Q-encoding을 제대로 처리하지 못하는 경우인 것 같다.

결국,,,, daum, paran을 사용하는 사람들이 꽤(아주) 많이 존재할 것이기 때문에..

메일보내는 코드자체에서 base64로 인코딩한 제목을 넣어주었다.

subject = "=?utf-8?B?" + Base64.encode(subject.getBytes("utf-8")) + "?=";

그러니깐,, daum, paran에서도 제대로 보인다......

 

reference : http://ko.wikipedia.org/wiki/MIME#Encoded-Word

이 글은 스프링노트에서 작성되었습니다.

Posted by 쇼니
TAG base64, encoded-word, header, Mail, MIME, q-encoding
트랙백 0개, 댓글 0개가 달렸습니다.