Witam!
Mam pytanie dotyczące divów, które rozciągają się na całą wysokość oraz szerokość strony i są skośne. Próbowałem to zrobić poprzez ustawienie dwóch divów z wartościami float i transform:skewX. Niestety strona się rozciąga (dodaję się scroll). Kolejnym podejściem jest próba zrobienia tego poprzez :after. ( trochę łopatologicznie, bo do after dodałem margin-top:-30px, po to by div był na wysokość całej strony a nie zjeżdzał w dól). To samo. Rozumiem dlaczego tak się dzieję ale nie mogę sobie z tym poradzić. Proszę o pomoc.
http://codepen.io/alterwar/pen/grqyPG
Ps. Czy używanie vh jest dobre? Użyłem tej jednostki po to by ta "pierwsza" strona miała zawsze wysokość 100%. Czy zrobienie tego poprzez after jest lepszym rowiązaniem niż poprzez dwa divy z wartością float?
Taki efekt chciałbym osiągnąć:
https://zapodaj.net/3a949ca79a3a2.png.html
Mam pytanie dotyczące divów, które rozciągają się na całą wysokość oraz szerokość strony i są skośne. Próbowałem to zrobić poprzez ustawienie dwóch divów z wartościami float i transform:skewX. Niestety strona się rozciąga (dodaję się scroll). Kolejnym podejściem jest próba zrobienia tego poprzez :after. ( trochę łopatologicznie, bo do after dodałem margin-top:-30px, po to by div był na wysokość całej strony a nie zjeżdzał w dól). To samo. Rozumiem dlaczego tak się dzieję ale nie mogę sobie z tym poradzić. Proszę o pomoc.
http://codepen.io/alterwar/pen/grqyPG
Ps. Czy używanie vh jest dobre? Użyłem tej jednostki po to by ta "pierwsza" strona miała zawsze wysokość 100%. Czy zrobienie tego poprzez after jest lepszym rowiązaniem niż poprzez dwa divy z wartością float?
Taki efekt chciałbym osiągnąć:
https://zapodaj.net/3a949ca79a3a2.png.html