Zentieren von Objekten

by juErik

HTML

<div id="V-Center" style="border: 4px solid #FF0000">
<div id="H-Center" style="border: 4px solid #0000FF">XXX</div>

CSS

#V-Center
   {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 0px;
   width: 100%;
   height: 1px;
   overflow: visible;
   visibility: visible;
   display: block;
   }

#H-Center
   {
   margin-left: -125px;
   position: absolute;
   top: -125px;
   left: 50%;
   width: 250px;
   height: 250px;
   }