웹표준에 맞게 td 높이를 설정하는 방법

<table> <tr> <td height="40">A</td> <td height="40">B</td> </tr> <tr> <td height="40">A'1</td> <td height="40">B'1</td> </tr> </table>

위의 예제와 같이 td 안에 height값을 넣는 것은 웹표준에 위반되는 내용입니다. 만일 td에 height 값을 지정하고 싶을땐 아래의 소스를 참조하시면 됩니다.

<style type="text/css"> table.test_table { width:100%; } table.test_table td { height:40px; } </style> <table class="test_table"> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>A'1</td> <td>B'1</td> </tr> </table>

위와 같이 height값을 주시면 웹표준에 위반되지 않는 방법으로 td height 값을 지정할 수 있습니다.