nicht angemeldet
Centering image vertikal/horizontal
0 0 0 Hoppla
Centering image vertikal/horizontal
Hallo und Malzeit Leute: ähm, ich hätte da mal eine ziemlich naive Frage:
wie kann ich ein Image so zentrieren, dass es bei jeder Fenstergrösse immer genau in der Mitte erscheint?
~:-] Habe schon das Archiv durchstöbert, konnte nix finden.
Danke, Nicole
-
<body>
<table border="0" cellpadding="0" cellspacing="0"
width="100%" height="100%">
<tr><td align="center" valign="middle">
<h1>Willkommen in der Mitte!</h1>
</td></tr></table>
</body>Steht übrigens in SELFHTML 8, FAQ
Gruß
Bernd-
Vielen lieben Danke auch,liebe Kollegen. War ja auch peinliche Frage ~:-], Nicole
-
-
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-
Wie überaus peinlich:
html, body { height:100%, <-- [*] }
* Da gehört natürlich ein Semikolon hin.
Zutiefst beschämt:
Der Erklärbär
-