Problem auto rozciąganiem div'a

Question

Witam.

Mam problem z auto rozciąganiem(wyrównywaniem) div'a menu do div'a tekst.

SS przedstawiający problem

 

A tu kod div'ów:

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: auto; 
}

#sidebar
{
	float: left;
	width: 148px;
	min-height: 620px;
	padding: 20px;
	background-color: lightgray;
	text-align: center;
	font-size: 18px;
	border-right: 2px dotted #666666;
	box-shadow: 4px 5px 8px black;
	overflow: hidden;
}

#content
{
	float: left;
	padding: 40px;
	width: 730px;
	background-color: #dedede;
	 min-height: 100%;
	text-align:justify;
	box-shadow: 4px 5px 8px black;
}

 

Za pomoc serdecznie dziękuję i pozdrawiam.

Answer 1

Tu masz tutorial:

https://www.youtube.com/watch?v=E3Nr6shFy3Q

Comments

Sposób działa na stały div,a mi chodzi o sztywny div menu oraz rozciągający się div tekst pod wpływem treści.

---

To nie jest sposób na sztywny div, mi się rozciąga pod wpływem treści.Zobacz tu:

http://niekrytykretek.16mb.com/

lewy div jest stały a prawe sie zmieniają na podstronach, zobacz np. w dziale YouTube

---

padding-bottom: 20000px;
margin-bottom: -20000px;

 

Więc to sposób na to w obu divach?

Próbowałem tak i do momentu podania wartości wysokości działa,a potem to się zmienia.

 

...

Już się z tym uporałem.Zadziałało.Dzięki za pomoc.

---

Tutaj był podobny temat jeszcze z innym rozwiązaniem https://forum.pasja-informatyki.pl/3124/automatyczne-dopasowanie-wysokosci-kilku-divow

Answer 2

Ustaw w #sidebar wartość "height" na 100%

Comments

To nie zadziała.

Answer 3

Niestety nie pomaga.Wtedy sam div sidebar zostaje przycięty do treści menu.

Comments

nie musisz usuwać wartości min-height.

---

W moim tutorialu został poruszony ten temat. Obejrzyj tam jest jak zrobić auto dopasowywalne divy obok siebie.

---

spróbuj ustawić min-width:wartosc px;

max-width:wartosc px; przykład #slider{

min-width:500px;

max-width:1050px;

}