Tło na prawie cały widoczny ekran

Question

Cześć,

Chce zrobić tło na prawie cały widoczny ekran, a w wolne miejsce dać pasek o wysokości np. 50px

O takie coś mi chodzi:
https://zapodaj.net/791504ca8de7c.jpg.html

Jak uzyskać taki efekt?

Answer 1

Height w vh.

http://codepen.io/anon/pen/GjOQyL

Comments

Dzięki, a jak zrobić, żeby była taka sama wysokość zielonego widocznego paska, na ekranie o przekątnej 15,6 i 24?

---

Nie rozumiem pytania. Jeśli nadasz mu jakąś wysokość np. 50px, to tyle będzie miał, wtedy wysokość tła możesz policzyć przez calc, Np. height: calc(100vh - 50px)

---

Chodziło mi o to, że przy wcześniejszej metodzie na ekranie o przekątnej 24 inaczej wygląda widoczna część zielonego tła niż na ekranie o przekątnej 15,6 (pasek jest krótszy)

Dzięki, teraz jest w porządku.