position element가 position:relative;를 지정했을 때, <TABLE>속에서는 table 안에 위치한다. 다른 것과 같다. 여기서 left나 top으로 위치를 지정하면 출력된 위치에서의 거리이다. span 택은 줄넘김을 하지 않지만, div는 한 줄 줄넘김을 한다.

이 테이블을 NN4와 IE4로 보면 다르다.

IE4의 문자 설정에 따라서 테이블이 크게 나오지만, NN4의 테이블 안의 문자가 작게 나와서 절대 크기로 지정되는 position element의 크기와 다르다. 파란색의 부분이 IE4에서는 테이블 안에 있지만, NN4에서는 테이블이 작게 나와서 상대적으로 layer가 크게 표현된다. 따라서 여기서는 테이블을 삐져 나온다. (여기서 clip을 하지 않았다.)

<tr><td align="center"> <div id=layer style="position:relative; background-color:blue; left:50; layer-background-color:blue;"> <font size=+3 color="white">CSS Layer</font> </div> </td></tr>

CSS Layer

form을 가지고 있는 레이어를 setTimeout()로 조금씩 이동시킬 때, 레이어 안에서 form을 배치할 때 table을 사용할 수 있습니다. 이 때, table과 form의 html 순서에 따라서 레이어를 이동시키면 nn4에서 form의 내용이 깨질수 있습니다. form이 table안에 있을 때, form이 깨집니다.

<div> 
	<table>
	<form>
		<tr><td>
			<input type=text>
		</td></tr>
	</form>
	</table>	
</div>

<div> 
	<form>
	<table>
		<tr><td>
			<input type=text>
		</td></tr>
	</table>
	</form>	
</div>

(1) nn4에서 table에 style를 지정시 <table>이나 <tr> 택에는 style이 듣지 않습니다. <td>택에는 듣습니다.

<table>
	<tr>
		<td style="line-height:15pt; color:red;">
			nn4 td 택에는 style이 됨. 
		</td>
	</tr>
<table>

<div id=D1 style="width:300">
	<table width=300>
		<tr><td> 300에 맞춰서 줄넘김을 함. </td><tr>
	</table>
</div>

nn4에서 line-height를 지정한 페이지가 이미지를 잘못된 정열로 페이지에 출력합니다. 여러 이미지가 있을 경우 이미지가 겹쳐서 나오거나 이동막대로 볼 수 없는 페이지를 벗어난 위치에 이미지가 출력됩니다. 그래서 nn4에서 line-height style를 지정한 페이지에서는 table로 이미지를 감싸주면 이 문제를 해결할 수 있습니다.

body { line-height:15pt; }

<table><tr><td><img src="이미지.jpg"></td></tr></table>

nn4에서 border와 width style을 같이 지정한 택 다음에 있는 페이지의 내용은 body에 지정한 font-size가 듣지 않습니다. width나 border 하나만 사용하면 이런 문제가 없지만 둘다 같이 지정하면 그렇습니다. 이 때에도 <table>로 감싸주면 됩니다.

<table><tr><td>
	<div style="width:200px; border-style:outset; border-width:2px; border-color:red;"></div>
</td></tr></table>

페이지 본문..