I seem to having a little trouble getting a table to display correctly
in both msie and firefox. I want to set the table and column widths in
pixels, and have some cell padding too. The table displays correctly
in standards compiance mode in firefox, but not msie, where the
padding is added on to the column widths.
the table size is always correct, but the column widths are not what I
expect them to be.
If I change the column widths to be smaller by the padding x 2, the
table displays correctkly in msie, but not in firefox :(
Which browser is actually conforming to the CSS2 spec?
Does anyone know a proper fix for this? (preferably no css hacks)
The code is below:-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
<!--
table { font-family: Arial; font-size: 10px }
#testtable { width: 400px; table-layout: fixed;
border-collapse: collapse }
#testtable td { overflow: hidden; border: 1px solid black;
margin: 5px }
#testtable col#col1 { width: 40px }
#testtable col#col2 { width: 60px }
#testtable col#col3 { width: 140x }
#testtable col#col4 { width: 160px }
-->
</style>
</head>
<body>
<table id='testtable'>
<col id="col1"><col id="col2"><col id="col3"><col id="col4">
<tbody>
<tr>
<td>01234567890 123456789012345 67890123456789</td>
<td>A</td>
<td>1.00%</td>
<td>C</td>
</tr>
<tr>
<td>1</td>
<td>A1</td>
<td>2.00%</td>
<td>C1</td>
</tr>
<tr>
<td>2</td>
<td>A2</td>
<td>4.00%</td>
<td>C2</td>
</tr>
<tr>
<td>1</td>
<td>A1</td>
<td>8.00%</td>
<td>C1</td>
</tr>
<tr>
<td>2</td>
<td>A2</td>
<td>16.00%</td>
<td>C2</td>
</tr>
<tr>
<td>1</td>
<td>A1</td>
<td>32.00%</td>
<td>C1</td>
</tr>
<tr>
<td>2</td>
<td>A2</td>
<td>64.00%</td>
<td>C2</td>
</tr>
<tr>
<td>1</td>
<td>A1</td>
<td>128.00%</td>
<td>C1</td>
</tr>
<tr>
<td>2</td>
<td>A2</td>
<td>256.00%</td>
<td>C2</td>
</tr>
</tbody>
</table>
</body>
</html>
cheers,
Steve
