웹프로그램
html table height=100% 안먹을 경우
세이박스
2008. 10. 14. 10:29
반응형
간혹 테이블 높이를 100%로 하고 싶을 때 있을겁니다.
그런데, 어떨땐 먹고 어떨땐 안먹고 왜그럴까요.
html 타입을 설정이 답입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<table height=100%>
<tr>
<td>a</td>
</tr>
</table>
이렇게 할 경우 a라는 글자가 맨위로 가버리죠 원인은..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
이부분입니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
이렇게 고치면 짜잔 정상으로 100%로 나올겁니다.
적용예 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>table 100%</title>
</head>
<body style="margin:0px;" oncontextmenu="return false;">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD width="100%" height="25">a</TD>
</TR>
<TR>
<TD height="100%">d</TD>
</TR>
<TR>
<TD height="30">b</TD>
</TR>
</TABLE>
</body>
</html>
<body style="margin:0px;" oncontextmenu="return false;">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD width="100%" height="25">a</TD>
</TR>
<TR>
<TD height="100%">d</TD>
</TR>
<TR>
<TD height="30">b</TD>
</TR>
</TABLE>
</body>
</html>
반응형