I have a HTML table where I:
- Include explicit table width.
- Include explicit width on the first <td> row.
- I have images in the columns but I include height and width tags on the images so the browser should know in advance the sizing.
Using
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
This works fine in Internet Explorer 8, Firefox and Chrome.
Internet Explorer 7 doesn't seem to follow the col width specified as one column I have set as much larger than the other but it shows up the same size as the others.
What am I missing?
Here is some of the table HMTL and CSS:
CSS
#mainApplicationsTable
{
table-layout:fixed;
}
HTML:
<table border='0' class='altTable' width='320px' id='mainApplicationsTable'>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</thead>
<tbody>
<tr class='odd' recnum='51'>
<td width='190px'><div class='appDetailsClic'k id='51' >2</div></td>
<td width='30px'><img width='16px' height='16px' title= 'a' border='0' src="../../images/image.png"></td>
<td width='30px'><img width='16px' height='16px' title= 'Server' border='0' src="../../images/2.png"></td>
<td width='30px'><img width='16px' height='16px' title= 'Server' border='0' src="../../images/2.png"></td>
</tr>
</tbody>
</table>