Der Erklärbär: Centering image vertikal/horizontal

Beitrag lesen

Hallo, Nicole

Ihnen kann geholfen werden:

Lösung mit Tabelle (böse [tm]):
---
<html>
<head>
<title="...">
<style type="text/css">
<!--
html, body { height:100%, }
-->
</style>
</head>
<body>
<table style="height:100%; width:100%;">
<tr>
<td style="text-align:center; vertical-align:center;">
<img src="bild.png" width="..." height="..." alt="..." />
</td>
</tr>
</table>
</body>
</html>

.............................................

Lösung mit absolut positioniertem DIV (löblich):
---
<html>
<head>
<title="...">
<style type="text/css">
<!--
#inhalt { width:400px; height:400px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -200px; }
-->
</style>
</head>
<body>
<div id="inhalt">
<img src="bild.png" width="400" height="400" alt="..." />
</div>
</body>
</html>

* Die Werte müssen freilich den Ausmaßen der entsprechenden Graphik angepasst werden.

MfG
Der Erklärbär