Drei Blockelemente zentrieren

[Gunnar Bittersmann]

Versuchs mal hiermit,

Um Himmels Willen – bloß nicht! Das ist eine Anreihung von grobem Unfug.

<style>

Fehler: type-Attribut fehlt.

<!--

Das Auskommentieren ist auch nicht nötig.

table {
height: 100%;
}

Was soll das bewirken?

td {
vertical-align: middle;
text-align: center;
}

Eigentlich überflüssig, da Default in Browsern.

div.container {
position: relative;

Was soll die relative Positionierung?

width: 780px;

Und was soll das? Bei schmalerem Viewport muss der Nutzer horizontal scrollen, na vielen Dank! Im OP war nicht von Breite in Pixeln die Rede – und das ist auch gut so.

height: 432px;
}

Noch so eine dumme Angabe. Was, wenn der Inhalt höher ist?

div.left {
position: absolute;
top: 0px;
left: 0px;
}

Es wird immer verrückter. Was soll die absolute Positionierung?

<table border=0>

(1) Man sollte keine Tabellen zur Layoutgestaltung missbrauchen.
(2) Falls doch, sollte man das still und leise tun und nicht in diesem Forum herausposaunen.
(3) Und schon gar nicht anderen vorschlagen.

Wozu das border-Attribut, wenn doch Layoutangaben mit CSS gemacht werden?

<td>
   <div class="container">
   </div>
  </td>

Du klassifizierst nichts, sondern vergibst Namen: id ist dafür das richtige Attribut.

Das div ist auch völlig überflüssig, dasselbe hätte auch durch Formatierung der Eltenelemente table, tr, td erreicht werden können (wo die schonmal da sind).

Aber besser auf table, tr, td verzichten. Und auf den ganzen anderen Quatsch.

Live long and prosper,
Gunnar