테이블 셀 배경이미지 정렬(파폭호환)
첫번째 샘플
하단 사선 패턴배경을 그냥 테이블 백그라운드로 넣으면 오른쪽은 상관 없지만, 브라우져 크기에 따라 왼쪽 경계선 부근이 어긋나게 됩니다.
이때 사용하면 좋습니다
셀 배경이미지를 오른쪽기준. 타일로 붙여줌
<table width=100% height=600>
<tr>
<td style="background-image:url(이미지주소);background-position:right;">
</td>
<td width=600></td>
<td></td>
</tr></table>
-------------------------------------
두번째 샘플
게시판 상단 배경 이미지로 셀 배경이미지를 위에 한번만 붙여줌
<table width=600 height=600>
<tr>
<td style="background-image:url(이미지주소);background-repeat:no-repeat;background-position:top;">
</td></tr></table><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
하단 사선 패턴배경을 그냥 테이블 백그라운드로 넣으면 오른쪽은 상관 없지만, 브라우져 크기에 따라 왼쪽 경계선 부근이 어긋나게 됩니다.
이때 사용하면 좋습니다
셀 배경이미지를 오른쪽기준. 타일로 붙여줌
<table width=100% height=600>
<tr>
<td style="background-image:url(이미지주소);background-position:right;">
</td>
<td width=600></td>
<td></td>
</tr></table>
-------------------------------------
두번째 샘플
게시판 상단 배경 이미지로 셀 배경이미지를 위에 한번만 붙여줌
<table width=600 height=600>
<tr>
<td style="background-image:url(이미지주소);background-repeat:no-repeat;background-position:top;">
</td></tr></table><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
찜~ 해 놓습니다! *^^*