Html - div 레이어에 스크롤바 보이기
목록  
제 목 div 레이어에 스크롤바 보이기
작성자 박세청 작성일 2009/09/01 15:01


------------- 소스 -------------------------

<html>
<head>
<title>div에 스크롤바 보이기</title>
<meta http-equiv=content-type content=text/html; charset=euc-kr>
</head>

<body bgcolor=ffffff topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>

   <table border=0 cellpadding=0 cellspacing=0 width=613>
   <tr height=25><td></td></tr>
   <tr height=1><td colspan=2 class=line></td></tr>
   <tr class=bg4>
    <td valign=top width=22 align=center>
     &nbsp;▶
    </td>
    <td valign=top>
     <b>게시물 제목 div에 스크롤바 보이기</b>
    </td>
   </tr>
   <tr height=1><td colspan=2 class=line></td></tr>
   <tr class=bg2>
    <td></td>
    <td valign=top class=text>
     2002.12.14&nbsp;&nbsp;&nbsp;
    </td>
   </tr>
   <tr height=1><td colspan=2  class=line></td></tr>
   <tr>
    <td colspan=3 valign=top height=161 style="padding:2 10" class=text>
      <div style=position:absolute;visibility;z-index:1;width:602;height:162;overflow:auto;>
      <font color=red>div에 스크롤바를 사용하여 게시판 보기에서 사용할 수 있다.</font><br>
      웹페이지 전체가 아닌 특정 페이지 범위에서 게시글 본문을 나타나도록 한다. <br>
      textare를 사용하여 구현 할 수도 있으나 html태그를 사용할 수 없다 <br><br>

      html을 사용해서 본문을 나태낼때 사용하면 된다. <br>
      일정라인을 초과하면 스크롤바가 자동으로 생긴다. <br>
      내용....<br>
      내용....<br>
      내용....<br>
      내용....<br>
      내용....<br>
      내용....<br>
      내용....<br>
      내용....<br>
      내용....<br>
      </div>     
    </td>
   </tr>
   </table>
 </body>
</html>


 

------------- 실행 예제 ---------------------

 

 ▶ 게시물 제목 div에 스크롤바 보이기
2002.12.14   
div에 스크롤바를 사용하여 게시판 보기에서 사용할 수 있다.
웹페이지 전체가 아닌 특정 페이지 범위에서 게시글 본문을 나타나도록 한다.
textare를 사용하여 구현 할 수도 있으나 html태그를 사용할 수 없다

html을 사용해서 본문을 나태낼때 사용하면 된다.
일정라인을 초과하면 스크롤바가 자동으로 생긴다.
내용....
내용....
내용....
내용....
내용....
내용....
내용....
내용....
내용....




이전글 로컬및 외부url 소스 가져오기
다음글 투명 input 박스...

목록