'테이블에 스크롤바 생성하기'에 해당되는 글 1건

  1. 2009.07.30 테이블에 스크롤바 생성하기 1
03.HTML 4.X, HTML5, XML.../HTML/Css/Script2009. 7. 30. 18:02

테이블에 스크롤바 생성하기

반응형
출처 : 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  : 무조건 스크롤바 생김
Posted by 1010

티스토리툴바