HarryS: Bild zentriert anzeigen?

Beitrag lesen

Hallo Magic Mano, (Begrüßungen sind hier gerne gesehen)

ich würde gerne ein bild exakt in der mitte einer seite anzeigen, und zwar nicht nur horizontal zentriert (<div align=center>) sondern auch vertikal zentriert!

Eine möglichkeit wäre:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Zentriertes Bild</title>
<style type="text/css">
body {
  margin:0px 0px;
  padding:0px;
  text-align:center;    /* für IE5/Win */
  width:100%;
  height:100%;
  }
#BilderDiv {
  hight:200px; /* Höhe des Bildes*/
  width:500px; /* Breite des Bildes*/
  position:absolute;
  top:50%;
  left:50%;
  margin:-100px 0px 0px -250px; /* hier erstens halbe Bildhöhe u.  letztens halbe Bildbreite eingeben*/
  }
</style>

</head>

<body>
<div id="BilderDiv">
<img src="deinbild.jpg" width="500" height="200" border="0" alt="Beschreibung">
</div>
</body>

</html>

Experimentier einfach 'n bischen damit rum.

Grüße aus Nürnberg, HarryS