묻고답하기
내용의 길이에 따라... 백그라운드 이미지가 늘어나게...
2005.10.13 18:59
안녕하세요. 프리랜서 경력이 4~5년차 되가는데...
아직도 프로그래밍쪽은 영 꽝인지라...
아무리 생각해도 답이 안나와서...
이곳에 전문가 님들께 조언을 구하고자 합니다.
다름이 아니라 홈페이지 index파일의 맨 밑에 깔릴 가로 100%의 큰테이블이 있습니다.
나머지는 작업은 모두 이 안에서 이루어 지는 것이고요.
테이블은 내용에 따라서 상하가 자동으로 늘어 나잖아요.
그런데 백그라운드는 그렇지가 않고요~ ^^;
때문에 패턴을 사용하거나 세로 5000픽셀정도의 무한급 사이즈를 만들었었죠.
그런데 이번에 사용할 백그라운드 이미지는 보시는 바와 같이...
상단은 하늘색이고 하단은 녹색입니다.
내용의 길이가 각각 틀리기때문에 해상도에 맞춰서 흰색부분만 늘어나게 하려는게 목적인데요.
우선 하늘색과 흰색부분을 만들어 놓고서... 5000픽셀 정도로...
그 상태에서 녹색부분만 내용의에 맞춰서 하단에 자동으로 깔리는 방법이 있을듯 하고...
두번째로는 그게 불가능하면 임의로 만들어둔 하늘색, 흰색. 녹색으로 채워진
1500픽셀 정도의 배경이미지를 세로 100% 형식으로 늘리는 방법이라던가...
이런 좋은 방법이 없을까요? 물론 이런 디자인을 어디서 본듯하기는 한데...
저 혼자서는 도저히 못해서 이곳에 조심스레 질문을 드려봅니다~ ㅠ.ㅠ
도와주시면 저도 도움드릴수 있는쪽에서 도와드릴게요~ ㅠ.ㅠ
디자인이나 플래쉬등... 웹소스도 200GB가량 있는데 이런거 공유라도... ㅠ.ㅠ
배경이미지 축소확대는 안되는걸루 알고있습니다.
조각을 좀 내야 할것 같습니다.
대충 맨밑에 깔릴 레이아웃을 만들어 봤는데 한번 시도해보세요..
<table border="1" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="150">
<table border="1" height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#6699CC">여긴 하늘색보이고<br>
여기 왼쪽 메뉴들어가고 ( 레이어로 )<br>
여긴 하늘색 백그라운드
</td>
</tr>
<tr>
<td bgcolor="#ffffff" height="400">여긴 걍 흰색 배경</td>
</tr>
<tr>
<td bgcolor="#669966">여긴 녹색보이고<br>
여긴 녹색 백그라운드
</td>
</tr>
</table>
</td>
<td width="500">
<table border="1" height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>여긴 본문</td>
</tr>
<tr>
<td bgcolor="#669966" height="40"></td>
</tr>
</table>
</td>
<td>
<table border="1" height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#6699CC">여긴 하늘색보이고<br>
여기 오른쪽 퀵링크 들어가고 ( 레이어로 )<br>
여긴 하늘색 백그라운드
</td>
</tr>
<tr>
<td bgcolor="#ffffff" height="400">여긴 걍 흰색 배경</td>
</tr>
<tr>
<td bgcolor="#669966">여긴 녹색보이고<br>
여긴 녹색 백그라운드</td>
</tr>
</table>
</td>
</tr>
</table>