CSS problèmes de trop-plein avec position fixe divs

Donc, ce problème a été résolu, probablement 1000 fois (Faire défiler une partie du contenu dans position fixe conteneur, enfant div hauteur de 100% à l'intérieur de la position: fixe div + overflow auto) mais je n'arrive pas à obtenir mon CSS à se comporter.

Je suis en train de créer un popup div qui a une mesure de défilement de l'intérieur. J'ai un gris foncé div qui devrait couvrir l'ensemble de la fenêtre et centré dans la fenêtre devrait être d'une couleur verdâtre div. L'intérieur de la div doit avoir une marge et être dimensionné pour s'adapter à son contenu, sauf si le contenu est trop grand et qu'il doit ensuite une barre de défilement.

Je ne peux pas obtenir le défilement de travail. J'ai essayé en précisant max largeur/hauteur, mais ceux qui semblent avoir ignoré.

HTML:

<div class='PopupPanelBG'>
    <div class='PopupPanel'>
        <div>
            <div style='width: 1000px;'>some stuff that is really big</div>
        </div>
    </div>
</div

CSS:

.PopupPanelBG {
    display: table;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
}

.PopupPanel {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.PopupPanel>div {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    opacity: 0.9;
    background-color: #e1efbb;
    border: 1px solid gray;
    padding: 8px;
    margin: 30px;
    overflow : auto;
}

http://jsfiddle.net/QbmdK/

Vous êtes à la recherche de quelque chose de ce genre? Où X peut débordement, mais le Y arrive pas? jsfiddle.net/Agony/QbmdK/23
Paramètre max largeur/hauteur fixe valeur de pixel semble fonctionner. Pourquoi ne puis-je le mettre à un %? I. E. faire l'intérieur de la div n'est pas plus grand que 95% de l'écran?
La valeur % est faire de la div aussi grand que 100% de lui-même, pas l'écran. L'écran est assez relative et le navigateur va faire un overflow-x barre, si il en a besoin. Faire de la div à 100% de lui-même va juste s'adapter à la div à l'intérieur du texte, et non l'inverse.
comment est-ce? Vous aurez juste à jouer avec le haut et le bas des valeurs de .PopupPanel de le rendre à la taille que vous voulez
qui ressemble à l'effet, je suis à la recherche d'. Merci.

OriginalL'auteur mjr | 2013-10-28