Quincunx: Link soll im div in der Mitte stehen

Beitrag lesen

Hallo Andreas

auf meiner Seite sollen Links in einer Voransicht angezeigt werden und das bitte in diesem div zentriert. Denn das div soll sich dann mit einem weißen Hintergrund über Teile des Inhalts des Formulars setzen um den Llink anzuzeigen und dann wäre mir das zentriert schon am liebsten:

wenn hier das umschließende <div id="TestArea"> visibility: hidden hat… ist nichts zu sehen!

So wird der Inhalt des divs zumindest vertical und horizontal zentiert.

#TestArea {  
  display: table-cell;  
  width: 385px;  
  height: 345px;  
  vertical-align: middle;  
  visibility: visible;  
  background-color: Black;  
  text-align: center;  
}

Das html reduziert ohne onclick und (unnötige) inline style Elemente.

<div id="TestArea">  
  <a href="#TestLink">Schließen</a>  
  <a id="TestLink"></a>  
</div>

Wenn ich das absolute positionieren müsste, würde ich es in ein anderes div packen:

#group {  
  position: absolute;  
  left: 205px;  
  top: 50px;  
}  
#TestArea {  
  display: table-cell;  
  width: 385px;  
  height: 345px;  
  vertical-align: middle;  
  visibility: visible;  
  background-color: Black;  
  text-align: center;  
}
<div id="group">  
  <div id="TestArea">  
    <a href="#TestLink">Schließen</a>  
    <a id="TestLink"></a>  
  </div>  
</div>

gruesse qx