묻고답하기
배경이미지 페이지 크기에 따라 조정방법!
2011.03.18 18:26
사이트를 만들다가 막혀서 질문드립니다..
사이트 보시면 배경이 화면크기에 맞게만 적용이 되고, 페이지 크기에 따라 늘려지지가 않습니다;;
CSS 잘못인가요;; 배경이미지를 페이지 height에 따라 가변적으로 하고 싶은데... 어떻게 하면 해결 할 수 있을까요;;ㅠ
CSS에서는
#body_bg { position:absolute; width:100%; height:100%; z-index:-1; }
#body_info { position:absolute; left:0px; top:0px; width:100%; z-index:1; }
layout에서는
<div id="body_bg"> <img src="../Masung_layout/images/bg.gif" width="100%" height="100%" alt="" title="">
<div id="body_info">
<table cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="1000" align="center"> 내용 </td>
</tr>
</table>
</div>
</div>
이렇게 셋팅 되어 있습니다;;ㅠ
가장 아래 background는 단색으로 생각하시고요(흰색이나 파란색)
그 다음 이미지는 원하는 배경이미지가 점차 힌색이나 파란색으로 바뀌게 만드시면서
header 부분에 이미지 포인트를 두실려면 아래를 가장 아래의 background와 같은 색으로 서서히 바뀌게 해서 끊어짐을 못느끼게 만드시고요.
그리고 header나 footer는 간단한 텍스트 종류를 png 이미지 처리해서 하셔야 하는데 이건 ie6에 png처리용 핵을 따로 사용해야 해서..
결론은 지금 작업하시는 걸로 봐서는 html도 잘 모르시는거 같기에 좀(사실 많이) 힘들다는 겁니다.
저리 처리하나 제가 말한방식으로 하나 어차피 통으로 큰 이미지를 사용하려고 하셔서 통이미지 처리해버리면 사이트도 엄청 무거워 지는데....