Wysokość nie działa CSS

Question

Już mówię: problem polega na tym, że chciałem zrobić w body tło- będące obrazkiem. Okej udało mi się to, ale ... chciałem nałożyć na niego diva o tle " szarym" który ma 80% szerokości, ale zajmuje całą wysokość. niestety nie mogę tego zrobić gdyż szerokość o ile się zgadza i jest 80%, to wysokość zawsze jest tak duża jak  sam div ( np to co w nim wpiszę )

Kombinowałem, ustalając wysokość 100% jako bacground nawet w CSS w body nic to nie dało, natomiast jak ustawie 100% height to także nie działą   w sekcji body rozciąganie obrazka 

body
{
	background: url(img/tlo.jpg) no-repeat;
	background-size:cover;
	display: block;
	margin: 0 !important;
	height:100%;
	width:100%;
}

.contener
{
	width: 80%;
	min-height:100%;
	background-color: gray;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid white;
	
}

i chodzi mi o to ze contener to div w sekcji body, w html tak zapisałem i generalnie on o ile szerokośc ma na 80px; to nie jest na całą długość, tylko długosć dopasowuje do ilosci tresci wpisanej do niego np. 2 linijki tekstu, to height ma 2 linijki itd? 

Need help, and advice !

Answer 1

A Twój kod zawiera:

html
        {
            height:100%;
            width:100%;
        }

Jeśli nie to wklej to i napisz czy już jest ok.

Comments

Działa, dzięki !

---

Napisałem to samo, nawet z wytłumaczeniem czemu się tak dzieje. Jedyne, czego nie zrobiłem, to nie dałem kopypasty, eh…

---

Tobie też również dziękuje!

Answer 2

Czy chodziło ci o coś takiego, demo?

Answer 3

Height: 100% działa tylko wówczas, gdy rodzic tego elementu ma określoną wysokość nieprocentową. Żeby rozciągnąć element musisz nadać dla html i body height: 100% a dla body i .contener min-height: 100%. Wówczas powinno zaskoczyć. Można też dla .contener nadać po prostu min-height: 100vh

Comments

a jeżeli body stanowi obrazek, rozciągnięty na całą strone poprzez

 background-size:cover;

 to nawet dla potomków heigth 100% nie działa, sprawdzałem

Answer 4

Yyy... ja nic nie zrozumiałem z twoich wypocin  Napisz jednym zdaniem, o co ci chodzi.

Comments

chodzi mi o to, żeby div o nazwie content rozciągnął się na całą wysokość strony. W momencie kiedy body, jest tłem obrazkowym, a div ma tło szare

Otóż szerokość działa i stanowi 80%, ale  element jako blok nie rozciąga się na całą długość tylko... jest tak długi jak treść w nim np :  wpisując 1 linie tekstu jego długość na stronie ma 1 linijke, a chcę żeby  stanowiło to jakby drugie tło, nałożone na obrazek.

Coś na zasadzie blogu z tłem img.

Answer 5

daj do .contener position:absolute;