Bernd Euler: mittige positionierung

Beitrag lesen

Hallo Forum!
Bei meinen ersten CSS-Bemühungen brauche ich noch mal Hilfe.

Ich möchte ein Bild mit dem darunterliegenden Erklärungstext immer mittig (horizontal + vertikal) im Viewport anzeigen. Durch einen Trick (auf den ich schon stolz bin) habe ich es geschafft die horizontale Ausrichtung zu erreichen. Vertikal funktionierts so aber nicht (Quelltext unten).

Wie könnte das gehen?
Oder ist das alles Quatsch und es geht viel einfacher?

Vielen Dank, Bernd

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Szpilman: Hanbabas</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="szm.css">
</head>
<body style="background-color:#FFFFFF; margin:0; padding:0">
<div style="position:absolute; left:50%">
 <div style="position:absolute; left:-366px">
  <img src="bilder/p.han.jpg" style="width:733px; height:550px; border:none">
    <p class="text" style="margin-top:10px; margin-left:55px; width=700px">
     Für das große Fest der Familie Hanbaba mit Trauung und Taufe bringen im September 2005 Patrick Koch und Valerie Sietzy<br>
     die Berliner Villa Elisabeth in die richitge Form.</p>
 </div>
</div>
</body>
</html>