HTML 'td' width and height
HtmlObjectHtml TableHtml Problem Overview
The 'height' and 'width' are not supported in HTML5. How can I set a td's width and height while conforming to the HTML5 standard?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>219 班網</title>
</head>
<body bgcolor="silver">
<div align="center">
<table>
<tr>
<td width="1000" height="250">
<object width="100%" height="100%" data="frameTop.html"></object>
</td>
</tr>
</table>
<table>
<tr>
<td width="300" height="700" >
<object width="100%" height="100%" data="frameLeft.html"></object>
</td>
<td width="700" height="700">
<object width="100%" height="100%" data="frameRight.html"></object>
</td>
</tr>
</table>
</div>
</body>
</html>
Html Solutions
Solution 1 - Html
The width attribute of <td> is deprecated in HTML 5.
Use CSS. e.g.
<td style="width:100px">
in detail, like this:
<table >
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td style="width:70%">January</td>
<td style="width:30%">$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Solution 2 - Html
Following width worked well in HTML5: -
<table >
<tr>
<th style="min-width:120px">Month</th>
<th style="min-width:60px">Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Please note that
- TD tag is without CSS style.