Div na całą strone

Question

Witam, robie serwis internetowy składający się z kilku stron.

Ogólnie wygląda to tak, że mam niruchomy panel u góry, pod spodem div conteiner. Div conteiner ma 1000  px szerokości a wysokość ma być mimimalnie na cały ekran. Nie zależnie od rozdzieczości. Jak to zrobić?

Answer 1

.container{
  min-height: 100vh;
}

 

Comments

Ok, jakoś sobie z tym poradziłem :D, dzięki za wszystkie rady, całego godu nie będe umieszczać gdyż w tj chwili ma on 40 linijek oraz jeste to strona firmy.

---

I jaki był błąd?

---

W sumie ciężko stwierdzić, dużo kombinowałem i nawet nie pamiętam jaki był kod zanim udało mi się to naprawić. Ale ogólnie chodziło o to że body jest elemntem blokowym i trzeba było najpierw je rozciągnąć na cały ekran.

Edit:: No i górna nieruchoma belka trochę w tym przeszkadzała

---

czyli to co pisałem? position absolute dla container{ ? ;)

---

nie do końca, positin absolut miał div który był nad container, przez co nie mogłem rozciągnąć diva conteiner na 100% strony

Answer 2

Może dodaj w css takie coś:

.container{
min-height: 100%;
}

Zakładam, że containter jest klasą, jeśli nie to zamień .container na #container

 

Comments

Dałem coś takiego i nie działa, prubowałem również dać body i html 100% bo wyczytałem, że są to elementy blokowe.

---

Rozumiem, że jeśli body ma 100% wyskości ekranu to jeźeli w divie conteiner zapiszę min-height 100% to będzie mieć on tylko wysokość ekranu?

Answer 3

Jedno z możliwych rozwiązań: http://codepen.io/anon/pen/jPyMBK

Comments

To rozwiązanie było by dobre, gdyby nie to, że mam nieruchomą belkę na górze która trochę mi to psuje, nie mniej jakoś mi się to udało, dzięki.