묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
div와 p의 차이
2004.03.26 18:17
전에 질문했는데 답변이 없어서요
테이블을 만드는데요
<table>
<tr>
<td>
</td>
</tr>
</table>
이게 기본 구조잖아요
여기서 스크롤바와 박스를 집어 넣으려구요
<table>~<tr>부분을 생략하구요
그다음부터요
<td width=230 height=100>
<style type="text/css">
<!--
body
{scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color: navy;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: navy;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: navy}
-->
</style>
<style type="text/css">
#box
{width:230; height:100; overflow: auto; padding:7px; border:0 solid;}
</style>
</head>
<div id="box">
<span style=font-size:9pt;><font face=굴림 color=black>내용<font></span>
</td>
</tr>
</table>
이렇게 했는데요
저장하면 저 <td>~</td>사이에 상자가 하나더 생기면서 <div id="box"> 뒤에 <p id="box">라고 생깁니다
<p id="box">가 안에 또 생기는 상자인거 같아서 지우고 저장하면 또 생기는데요
왜 생기는거며, 생기지 않게 하려면 어떻게 해야 하나요??
테이블을 만드는데요
<table>
<tr>
<td>
</td>
</tr>
</table>
이게 기본 구조잖아요
여기서 스크롤바와 박스를 집어 넣으려구요
<table>~<tr>부분을 생략하구요
그다음부터요
<td width=230 height=100>
<style type="text/css">
<!--
body
{scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color: navy;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: navy;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: navy}
-->
</style>
<style type="text/css">
#box
{width:230; height:100; overflow: auto; padding:7px; border:0 solid;}
</style>
</head>
<div id="box">
<span style=font-size:9pt;><font face=굴림 color=black>내용<font></span>
</td>
</tr>
</table>
이렇게 했는데요
저장하면 저 <td>~</td>사이에 상자가 하나더 생기면서 <div id="box"> 뒤에 <p id="box">라고 생깁니다
<p id="box">가 안에 또 생기는 상자인거 같아서 지우고 저장하면 또 생기는데요
왜 생기는거며, 생기지 않게 하려면 어떻게 해야 하나요??
댓글 2
-
9000㎒
2004.03.26 18:28
-
▶◀그냥이렇게。
2004.03.26 19:09
p와 div의 정확한 용도는 다릅니다.
가끔 p의 주요기능을 div태그에서 쓰기도 합니다만, 원래 용도는 다르답니다.
p는 문단, 즉, 주로 정렬이나 들여쓰기, 여백등을 책임지는(?)태그입니다.
div는 레이어의 개념으로, 레이어로 인식할 경우에는 style속성에 "left:x(가로 좌표); top : y(세로 좌표);"형식으로 넣어 주시면 되고요, 위의 소스처럼 카페에서 흔히 사용되는 공지사항 태그, 이른바 '테이블'에서도 사용되지요.
배경이 그림이 아니거나 색인 경우에는 표를 연장시키면 되지만, 이미지를 사용할 경우에는 그림이 순환되기 때문에 공지사항 태그가 깨지기 쉽습니다.
그러므로 css의 overflow속성으로 스크롤를 가능하게 만들 수 있습니다.
또, 어떠한 내용을 감추거나 보일 수 있게도 할 수 있습니다.
자바스크립트와 이 div태그의 style속성의 visibility속성을 이용하면 윈도우 탐색기나 폴더와 비슷하게 만들 수도 있지요.
여하튼... 두 태그의 용도는 다르답니다. 혼용해서 사용되는 것 뿐입니다.
그럼 안녕히 계십시오...
되도록이면 div가 좋죠 [;]