CSS Wyśrodkowanie diva w pionie

0

Cześć misiaczki,
mam mały problemik i nie za bardzo umiem znaleźć rozwiązanie. Mam wyśrodkowany div o zmiennej wysokości (często tak, że trzeba przewijać stronę). W CSS prezentuje się to tak:

.page-login{
    width: 100%;
    height: 100%;
    background: #F3F2F2;
    position: relative;
}
.login-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login-form{
    width: 340px;
    padding: 60px;
    background: #fff;
    border-radius: 4px;
}

I do czasu, gdy wysokość diva z klasą login-form nie przekracza 100% wysokości strony jest ok. Jest ładnie wyśrodkowany, ale gdy już zacznie przekraczać i trzeba przewijać stronę to ten div jest ucinany. Cześć po prostu znika. Dobrze to tutaj widać: https://jsfiddle.net/we9L9h2r/2085/

1

Spróbuj wykorzystać flexa z align-items / justify-content.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0