[JavaScript][CSS]Wysokość div na 100%

[JavaScript][CSS]Wysokość div na 100%

!*! Zobacz profil	1.08.2010, 11:27:13 Post #1
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)	Temat poruszany niejednokrotnie, jednak nigdzie nie ma prostej odpowiedzi. Jak zmusić div aby miał 100% wysokości, względem innego diva lub body? Chciałbym uzyskać identyczny efekt jak w kalendarzu google, gdzie np. po zmianie rozmiaru okna przeglądarki, div który jest rozciągnięty również zmienia się jego wysokość, ale nadal jest rozciągnięty na całą wysokość strony. ps. Nie interesują mnie żadne biblioteki np. jQuery. Rozwiązanie może być tylko w czystym JS lub CSS Ten post edytował *!!** 1.08.2010, 11:28:45

Odpowiedzi

!*! Zobacz profil	1.08.2010, 12:21:27 Post #2
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <html style="margin:0;padding:0;height: 100%;overflow: hidden"> <body style="margin:0;padding:0;height: 100%;"> <div style="height: 100%; border: 1px solid red;"> <div style="float:left;height 100%;border: 1px solid green;">dwa</div> </div> </body> </html> [HTML] pobierz, plaintext 1. Każda przeglądarka interpretuje 100% inaczej (czasami jest dobrze 99.9%), w operze jest to za dużo i stronę można przewinąć ruszając scrollem myszki, chrome jak tako sobie z tym radzi. 2. I dlaczego div z float nie może być rozciągnięty. Ten post edytował *!!** 1.08.2010, 12:21:46