Ich würde gerne eine machenposition: fixed; Popup-Feld zentriert auf dem Bildschirm mit einer dynamischen Breite und Höhe. ich benutztemargin: 5% auto; dafür. Ohneposition: fixed; es zentriert fein horizontal, aber nicht vertikal. Nach dem Hinzufügenposition: fixed;Es ist sogar nicht horizontal zentriert.

Hier ist das komplette Set:

.jqbox_innerhtml {
    position: fixed;
    width: 500px;
    height: 200px;
    margin: 5% auto;
    padding: 10px;
    border: 5px solid #ccc;
    background-color: #fff;
}

<div class="jqbox_innerhtml">
    This should be inside a horizontally
    and vertically centered box.
</div>

Wie zentriere ich dieses Feld mit CSS auf dem Bildschirm?