Einzelnen Beitrag anzeigen

Benutzerbild von Meflin
Meflin

Registriert seit: 21. Aug 2003
4.856 Beiträge
 
#5

Re: Bild vertikal zentrieren (html)

  Alt 29. Jun 2004, 20:25
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)
  Mit Zitat antworten Zitat