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