Table height overal hetzelfde

Ik ben bezig met het maken van een kalendertje op mijn website. Probleem is dat Safari, Firefox en IE-Mac het tabel, waar de kalender in komt, de juiste maten aanhouden, nl. 100px * 100px, maar IE-win XP niet. Omdat de afmetingen nogal nauw komen wil ik eigenlijk dat de table overal even groot is. Wie weet raad?

[b:97afe3417c]Mac:[/b:97afe3417c]
[img:97afe3417c]http://members.home.nl/skilip/table_mac.png[/img:97afe3417c]

[b:97afe3417c]Win Xp[/b:97afe3417c]
[img:97afe3417c]http://members.home.nl/skilip/table_xp.png[/img:97afe3417c]

Dit is de css:

[code:1:97afe3417c]
body{background-color:silver;}
#calendar_table{background:url(back.png); border-collapse:collapse; position:absolute; left:100px; top:100px; width:100px; height:100px; border:solid black 1px; font-family: Trebuchet Ms; font-size:10px;}
#calendar_th{height:12px; margin:0px; padding:0px;}
.calendar_tr{height:12px; margin:0px; padding:0px;}
.calendar_td{height:12px; margin:0px; padding:0px;}
[/code:1:97afe3417c]En dit de html:[code:1:97afe3417c]
<table id="calendar_table">
<tr class="calendar_tr">
<th id="calendar_th" colspan="7">Hoi</th>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
<tr class="calendar_tr">
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
<td class="calendar_td">11</td>
</tr>
</table>[/code:1:97afe3417c]

[code:1:dda8965f14] table-layout:fixed;[/code:1:dda8965f14]

Voeg dat eens toe aan je table style… Dit zorgt ervoor dat de tabel altijd die maat behoud ongeachte de content.

Soooooh simpel!!!! Maar zoooo koel!!!

Thanxx a lot!

Ik weet het niet zeker, maar volgens mij heeft "table-layout" volgens de specificaties alleen invloed op de breedte van de tabel en niet de hoogte. (Ik weet natuurlijk niet hoe IE er mee omgaat... dat is altijd weer een verassing.)

(Overigens kan het ook komen dat je huidige oplossing mislukt, omdat je “trebuchet Ms” niet tussen aanhalingstekens hebt staan.)

Ik zou em zo doen:

[code:1:199ff4cd9b]
#calendar_table{
position:absolute;
left:100px; top:100px;
width:100px;
background:url(back.png);
font-family: "Trebuchet Ms"; font-size:10px;
line-height:12.5px;
border-collapse:collapse;
border:solid black 1px;
}

#calendar_table th,
#calendar_table tr,
#calendar_table td{
margin:0; padding:0;
}
[/code:1:199ff4cd9b]

[code:1:199ff4cd9b]
<table id="calendar_table">
<tr>
<th colspan="7">Hoi</th>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
</table>
[/code:1:199ff4cd9b]