Element genau in der Mitte des Browserfensters zentrieren[IE|M|O]

von: Werner Zenk

Manchmal steht man vor der Aufgabe ein Bild genau in der Mitte zu zentrieren.
Egal wie groß das Browserfenster auch ist, das Bild soll horizontal wie vertikal zentriert sein.

Quelltext:

  <style type="text/css">
  body {
   margin: 0px;
  }

  #mitte {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 300px; /* Breite des Elements */
   height: 200px; /* Höhe des Elements */
   margin-left: -150px; /* Breite des Elements geteilt durch zwei! */
   margin-top: -100px; /* Höhe des Elements geteilt durch zwei! */
  }
  </style>

 </head>
<body>

<div id="mitte">
 <img src="grafik.gif" width="300" height="200">
</div>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Wasserzeicheneffekt - Hintergrundbild fixieren

Texteingabe nur in Großbuchstaben zulassen

CSS Befehlsübersicht

CSS Hyperlink #22

CSS Grundkurs [Lektion 4]

CSS Hyperlink #38

CSS Hyperlink #19

CSS Grundkurs [Lektion 1]

CSS Grundkurs [Lektion 2] …mehr