Automatyczna długość div'ów

Question

Hej! Chciałbym, aby paski boczne dostosowały swoją długość do środkowej części strony. Czyli aby były niekrótsze niż np. 1200px, ale jeśli artykuł będzie dłuższy, to aby one też się wydłużyły. Próbowałem z "height: 100%;" ale to nie podziałało. Macie jakiś pomysł?

#leftside
{
	width: 160px;
	background-color: #ff9b7f;
	float: left;
	min-height: 1200px;
}

#content
{
	width: 620px;
	padding: 40px 30px 20px 30px;
	float: left;
	text-align: left;
	text-align: justify;
}

#rightside
{
	width: 160px;
	background-color: #ff9b7f;
	float: left;
	min-height: 1200px;
}

 

Tak to wygląda ^

Comments

Nie testowałem, czy to działa, ale spróbuj coś takiego:

html, body, #rightside{
    min-height: 100% !important;
    height: 100%;
}

 

---

Ok, dzięki. Sprawdzę to.

Answer 1

Trzeba wszystkie 3 elementy wrzucić do jednego diva.

Nadać mu display: table-row

Wyrzucić floaty wszystkie (najlepiej o nich zapomnieć na zawsze i przytulić flexboxa).

Dla

#leftside, #content, #rightside {

display: table-cell

I voilà