Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][CSS]Wysokość div na 100%
!*!
post 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


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Fifi209
post 1.08.2010, 11:30:24
Post #2





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
----- 

[CSS] pobierz, plaintext 
  1.  
  2. height: 100%;
  3.  
[CSS] pobierz, plaintext


?


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
!*!
post 1.08.2010, 11:31:14
Post #3





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

To nie rozciągnie diva.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
krzysztof_kf
post 1.08.2010, 11:33:59
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Daj tak jak fifi napisał + overflow: hidden;



Jeśli nie zadziała to nie mamy szklanej kuli co tam zakodowałeś .



顯示您的代碼

Ten post edytował krzysztof_kf 1.08.2010, 11:35:26
Go to the top of the page
+Quote Post
Fifi209
post 1.08.2010, 11:34:37
Post #5





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----

Cytat(!*! @ 1.08.2010, 11:31:14 ) *
To nie rozciągnie diva.

U mnie działa...
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<body>
  3. 		<div style="height: 150px; width: 200px; border: 1px solid black;">
  4. 			<div style="height: 100%; border: 1px solid red;">Test</div>
  5. 		</div>
  6. 	</body>
  7. </html>
[HTML] pobierz, plaintext


Chyba, że źle Cię zrozumiałem.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Kshyhoo
post 1.08.2010, 11:38:40
Post #6





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Albo pokombinuj tak:
[CSS] pobierz, plaintext 
  1. #twoj_div {
  2. 	margin: 0 0 -20000px 5px;
  3. 	padding-bottom: 20000px;
  4. 	height: 100%;
  5. }
[CSS] pobierz, plaintext



--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
!*!
post 1.08.2010, 12:21:27
Post #7





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html style="margin:0;padding:0;height: 100%;overflow: hidden">
  2.  <body style="margin:0;padding:0;height: 100%;">
  3.   <div style="height: 100%; border: 1px solid red;">
  4.    <div style="float:left;height 100%;border: 1px solid green;">dwa</div>
  5.   </div>
  6.  
  7.  </body>
  8. </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


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 15.08.2025 - 02:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn