Hallo,
ich habe gerade Deinen Post von heute (22.06.) gelesen.
Folgende Tipps von mir:
- schreibe "1px" statt "1 px" (siehe Styles in den TD-Elementen);
- schmeiße die width- und height-Angaben aus dem TABLE-Element raus, so daß sich Breite und Höhe der Tabelle von den Zellen bestimmt werden.
So geht es bei mir in Firefox und IE:
<table style="border:1px solid green; table-layout:fixed; border-collapse:collapse;">
<tr>
<td style="width:80px; height:50px; border:1px solid red;">
<div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
???
</div>
</td>
<td style="width:80px; height:50px; border:1px solid red;">
<div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
???
</div>
</td>
<td style="width:50px; height:50px; border:1px solid red;">
<div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
???
</div>
</td>
</tr>
<tr>
<td style="height:50px; border:1px solid red;">
<div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
???
</div>
</td>
<td style="height:50px; border:1px solid red;">
<div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
???
</div>
</td>
<td style="height:50px; border:1px solid red;">
<div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
???
</div>
</td>
</tr>
</table>
Ciao,
Andreas
"Das Corporate Design für das Internet sieht eine Reihe von Grafikelementen vor, die die Optik der Webseite visuell und funktionell beeinflussen." - (Zitat aus dem "Styleguide Corporate Design" eines großen Konzerns...)