Tabelle hat in jedem Browser anderes Aussehen

Wenn ich dich richtig verstehe, erstellst du im zweiten Fall eine statische HTML Datei mit dem Windows-Editor und lässt sie dir auf deinem lokalen Rechner anzeigen?
Während du im ersten Fall eine Seite mit TinyMCE erstellst die innerhalb TinyMCE anders aussieht als wenn du die Seite dir "normal" mit einem Browser anzeigen lässt?

Diesen Effekt habe ich in manchen Bereichen auch.
Der Grund liegt darin, daß Wordpress (bzw. TinyMCE) keine statischen HTML-Seiten verwendet.
Je nach verwendetem Theme und Seitenvorlagen werden bestimmte Eintragungen die du in TinyMCE machst durch den Code des Themes der für das "Design" zuständig ist überschrieben.

Du kannst das durch entsprechende Eintragungen in der style.css verhindern/ändern.
Diese Datei findest du im linken Menürand über -> Design -> Theme Editor.
Dort musst du oben rechts dein verwendetes Theme auswählen, und anschließend in der darunter befindlichen Liste "Theme Files" die Datei style.css (wenn nicht schon automatisch ausgewählt).
Der Inhalt der Datei wird dann im Theme-Editor angezeigt.
Damit deine Eintragungen beim nächsten Theme-Update nicht überschrieben werden, solltest du mit Child-Themen arbeiten. Sonst musst du nach einem Theme-Update dieselben Eintragungen wieder neu machen.

Das eine Webseite in einem Browser anders aussieht als in einem andern Browser liegt daran wie der jeweilige Browser den Code interpretiert. Hier kann man nur darauf achten nur solchen Code zu verwenden, der von allen Browsern gleich interpretiert wird.
Aber es ist nicht nur der Code den man selbst eingibt, sondern auch der Code des verwendeten Themes und des Seitentemplates - mit anderen Worten der gesamte Code der dargestellten Seite.
Das war auch der Grund für mich, ein Standart-Theme zu verwenden, und keine Experimente mit exotischen Themen zu machen.

Mit anderen Worten:
Du hast nichts falsch gemacht, sondern die Frage lautet, welche Eintragungen musst du in der style.css ändern (eintragungen) damit die Ansicht der Tabellen deinen Vorstellungen entspricht.
(Mit diesem Thema bin ich auch noch nicht ganz durch)

Gruß Frank

Wegen der Einstellungen in der Styles.css muss ich passen, da verstehe ich zu wenig.
Dazu müssen andere Leute was sagen.

Ich hatte es mit ach und krach hinbekommen, dass die Tabellenrahmen überhaupt sichtbar werden - finde jetzt aber diese Stelle nicht mehr. (Bei meinem Theme TwentyTen-Child waren alle Tabellenrahmen unsichtbar.)
Cellpadding und Cellspacing habe ich bis heute noch nicht hinbekommen, deshalb sieht es auch ein bischen scheiße aus (steht noch auf meiner ToDo-Liste).

Wenn die die Breite der gesamten Tabelle in Pixeln vorgibst, dann dürfte es nichts ausmachen ob die die Zellenbreite in Prozent oder auch in Pixeln angibst. - Ich würde aber an deiner Stelle mal beides testen.

Du kannst ja mal diese Vorlage probieren

<div align="center">
<table border="1" cellpadding="5">
<tbody>
<tr>
<td colspan="5" align="center" width="691" height="19"><strong>Text
</strong>Text<strong></strong></td>
</tr>
<tr>
<td width="302">Spalte1:</td>
<td width="144">Spalte2:</td>
<td width="90">Spalte3:</td>
<td width="82">Spalte4:</td>
<td width="73">Spalte5:</td>
</tr>
<tr>
<td width="302"><span style="color: #0000ff;">Text1</span></td>
<td width="144">Text2</td>
<td width="90">Text3</td>
<td width="82">Text4</td>
<td width="73">Text5</td>
</tr>
</tbody>
</table>
</div>

Die Vorlage müsste dann bei dir auch so aussehen wie bei mir.
Ich habe die Vorlage aus DIESER Seite erstellt (damit du einen Vergleich hast)

Wenn das so bei dir funktioniert, würde ich an deiner Stelle daraus eine Blankotabelle erstellen, die du bei Bedarf als Codeschnipsel einfügst, und dann je nach Gegebenheit abänderst.

Gruß Frank