CSS Wyśrodkowanie diva w pionie

Odpowiedz Nowy wątek
2018-12-24 10:44
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/

Pozostało 580 znaków

2018-12-24 11:00

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


Działa! Kocham Cię normalnie. Już tyle razy mi pomogłeś. Na początku nawet Cię troszku nie lubiłem, bo nie dawałeś mi iść na łatwiznę i nie dawałeś gotowych rozwiązań. Musiałem sam się męczyć i główkować, ale zawsze nakierowałeś na właściwy trop. I to było dobre podejście :D Milutkiego dnia i wesołych świąt :) - LukiPuki 2018-12-24 11:09
Nawzajem ;-) - Patryk27 2018-12-24 11:44

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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