반응형
출처 : http://www.imgwizard.com/?mid=tip&category=361&page=1&document_srl=369
<HTML>
<HEAD>
<Title>테이블에 스크롤바 생성하기</Title>
<style type="text/css">
<!--
body,td {font-family:"굴림"; font-size: 9pt}
#scrollbox {width:400; height:100; overflow:auto; padding:10px; border:1; border-style:solid; border-color:black}
-->
</style>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<table width=400 height=100 border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<DIV id="scrollbox">
<b>이수영 -천년이라도</b><p>
하루종일 난 그대위해 기도했어요.<br>
마음이 너무 아파할것같아<br>
아무일도 아닌걸요 힘들어 말아요<br>
시간이 조금 필요할 뿐이죠<br>
누구도 그댈 대신할수는 없지만<br>
이젠 추억으로 만족하겠죠<br>
조금 걱정이 되네요<br>
그대가 없는 나의 삷이란건 생각조차<br>
해본적 없으니까<br>
그대가 가면 나는 여기에<br>
천년이라도 기다릴게요<br>
살다가 한번 생각이나면<br>
힘들어말고 찾아오세요<br>
한번도 그대를 원망하지 않아요<br>
그대에겐 부족한 나였으니<br>
부디 멀리나마 행복하기를 바래요<br>
이제다시는 볼수 없을테니..<br>
</DIV>
</td>
</tr>
</table>
</BODY>
</HTML>
===========
☞ div 태그에 id를 줘서 스타일시트를 적용해도되고, div 태그내에 직접 <DIV style="..."> 써줘도 되고...
☞ 넷스케이프에서 스크롤은 적용 안되지만 내용은 보임
☞ overflow=auto : 내용길이에따라 스크롤바 생김
☞ overflow=scroll : 무조건 스크롤바 생김
<HTML>
<HEAD>
<Title>테이블에 스크롤바 생성하기</Title>
<style type="text/css">
<!--
body,td {font-family:"굴림"; font-size: 9pt}
#scrollbox {width:400; height:100; overflow:auto; padding:10px; border:1; border-style:solid; border-color:black}
-->
</style>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<table width=400 height=100 border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<DIV id="scrollbox">
<b>이수영 -천년이라도</b><p>
하루종일 난 그대위해 기도했어요.<br>
마음이 너무 아파할것같아<br>
아무일도 아닌걸요 힘들어 말아요<br>
시간이 조금 필요할 뿐이죠<br>
누구도 그댈 대신할수는 없지만<br>
이젠 추억으로 만족하겠죠<br>
조금 걱정이 되네요<br>
그대가 없는 나의 삷이란건 생각조차<br>
해본적 없으니까<br>
그대가 가면 나는 여기에<br>
천년이라도 기다릴게요<br>
살다가 한번 생각이나면<br>
힘들어말고 찾아오세요<br>
한번도 그대를 원망하지 않아요<br>
그대에겐 부족한 나였으니<br>
부디 멀리나마 행복하기를 바래요<br>
이제다시는 볼수 없을테니..<br>
</DIV>
</td>
</tr>
</table>
</BODY>
</HTML>
===========
☞ div 태그에 id를 줘서 스타일시트를 적용해도되고, div 태그내에 직접 <DIV style="..."> 써줘도 되고...
☞ 넷스케이프에서 스크롤은 적용 안되지만 내용은 보임
☞ overflow=auto : 내용길이에따라 스크롤바 생김
☞ overflow=scroll : 무조건 스크롤바 생김