starwarskid: Text zentriert über einem Bild (vert+hor)

Beitrag lesen

Hier ist die Lösung :)

<?xml version="1.0"?>
<!-- keep this ****** IE7 in quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%; padding: 0; margin: 0;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body style="height:100%; padding: 0; margin: 0;">
<div style="position: absolute; left: 10%; right: 10%; width: 300px; height: 300px; background-color: #99FFFF;">
  <table width="200" border="1" style="position: absolute; height: 100%; width: 100%;  z-index: 2;">
    <tr>
      <td style="height: 100px; width: 100px; text-align: center;"><p>Das hier ist eine L&ouml;sung,<br />aber eine unsch&ouml;ne!</p></td>
    </tr>
  </table>
  <img src="Bild.jpg" style="position: absolute; height: 100%; width: 100%; z-index: 1; background-color: #99CCFF;"/>
</div>
</body>
</html>

Setz anstatt Bild.jpg dein bild rein!
Bei mir klappt das (firefox)! :)

gruß
 starwarskid