Bild vertikal zentrieren (html)

[Meflin]

ganz einfach: mit

Code:

<style type="text/css"> 
    /*<![CDATA[*/ 
      .inhalt { 
        height:300px; 
        width:650px; 
        margin-top: -149px; 
        margin-left: -325px; 
        top:50%; 
        left:50%; 
        position: absolute; 
      } 
    /*]]>*/ 
  </style>

wird das teil omplett in der mitte ausgerichtet. wenn dus nur vertikal haben willst dann

Code:

<style type="text/css"> 
    /*<![CDATA[*/ 
      .inhalt { 
        height:300px; 
        width:650px; 
        margin-left: -325px;  
        left:50%; 
        position: absolute; 
      } 
    /*]]>*/ 
  </style>

die größen musst du halt entsprechend deines bildes anpassen. die vorgehensweise ist folgende: mit left:50% wird der linke bildrand in der mitte der seite gesetzt. da das aber nicht zentriert wäre, musst du das bild noch um die hälfte seiner größe nach links verschieben, also marign-left: -325px (im beispiel)