Proggi: Zentrierung eines Objektes in Mitte des Bildschirms

Beitrag lesen

Mit dem IE Scipt geht es auch nicht. Javascript ist aktiviert.

<style type="text/css">
<!--
html, body{
    height:100%;
    margin:0;
    padding:0;
}
#spacer, #center{
    position:absolute;
    margin:0;
    padding:0;
}
#spacer{
    /* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
    width:100%;        /* ganauso breit, wie der Anzeigebereich */
    height:100%;       /* ganauso hoch, wie der Anzeigebereich */

/* jetzt werden die notwendigen oder gewünschten Mindestmaße definiert. */
    min-width: 760px;   /* Breite von #center (+ ein paar Pixel Rand) */
    min-height: 560px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}
#center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -375px;
    margin-top: -275px;
    width: 750px;
    height: 550px;
}
/* min-height für den IE */
* html #center {
  height:560px;             /* das selbe Maß wie oben bei min-height */
}
-->
</style>
<!-- Hiermit wird min-height und min-width für den IE simuliert, Maße wie oben.
     Es funktioniert nur wenn Javascript aktiviert ist. -->
<!--[if lte IE 6]>
<style type="text/css">
#spacer{
  width:expression(document.body.clientWidth < 761 ? "760px" : "100%");
  height:expression(document.body.clientHeight < 561 ? "560px" : "100%");
  /* Die zweite Zahl gibt die Mindestbreite bzw. -höhe an. Die erste Zahl
  muss ein wenig größer als diese sein, um Endlosschleifen zu vermeiden. */
  }
</style>
<![endif]-->