Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Jak rozciągnąć div'a zawsze do końca strony niezależnie od ilości tekstu?
1q2w3e4r
post
Post #1





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 6.05.2011

Ostrzeżenie: (10%)
X----

Witam,

Jak rozciągnąć div'a do końca strony niezależnie od ilości tekstu?
Poniżej załączam screena przedstawiającego problem:
(IMG:http://iv.pl/images/05011186814594654477.png)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
1q2w3e4r
post
Post #2





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 6.05.2011

Ostrzeżenie: (10%)
X----

Gdybym miał dać to co robię musiałbym wklejać cały szablon. Dlatego szybko na potrzeby problemu zrobiłem stronę. Przedstawia ona problem, który przeszedłem ustawiając:

[HTML] pobierz, plaintext 
  1. #content {
  2. 	width: 1005px;
  3. 	background: #ffffff;
  4. 	float:left;
  5. 	min-height: auto;
  6.  	position: absolute;
  7.  	bottom: 0;
  8. 	top: 222px;
  9. }
[HTML] pobierz, plaintext


Jednak tak jak kolega wyżej powiedział, zmieniając okno przegladarki ten sposób się sypie. Bo ustawiłem position: absolute.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  3. <head>
  4.   <title>Test</title>
  5. 	<style>
  6. body {
  7. 	text-align: center;
  8. }
  9. #all {
  10. 	width: 1005px;
  11. 	margin: auto;
  12. }
  13. #header {
  14. 	width: 1005px;
  15. 	height: 222px;
  16. 	background: #808080;
  17. 	float:left;
  18. 	min-height: auto;
  19. }
  20. #content {
  21. 	width: 1005px;
  22. 	background: #ffffff;
  23. 	float:left;
  24. 	min-height: auto;
  25. }
  26. #content_left {
  27. 	width: 194px;
  28. 	float:left;
  29. }
  30. #content_right {
  31. 	width: 811px;
  32. 	float:left;
  33. }
  34. 	</style>
  35. </head>
  36. <body style="background-color: #f1f1f1;">
  37. 	<div id="all">
  38. 		<div id="header"></div>
  39. 		<div id="content">
  40.  
  41. 			<div id="content_left">fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br /></div>
  42.  
  43. 			<div id="content_right">tyutryutrutrfdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br />fdgjhrytjdsf<br /></div>
  44.  
  45. 		</div>
  46. 	</div>
  47. </body>
  48. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- 1q2w3e4r   [CSS] Jak rozciągnąć div'a zawsze do końca strony niezależnie od ilości tekstu?   18.03.2012, 21:27:10
- - bzeebzee   w css daj dla elementu min-height: 100%   19.03.2012, 13:09:21
- - 1q2w3e4r   Niestety bez zmian. Macie jakieś inne pomysły?   19.03.2012, 16:50:46
- - jackraymund   daj cały kod tego diva   19.03.2012, 17:21:55
- - JustHuman4   height:100% musi działać i tyle   19.03.2012, 17:35:18
- - 1q2w3e4r   Udało mi się ustawić to tak: Cytat#content { widt...   19.03.2012, 17:35:41
- - crocodillo   Napisz dokładniej o co chodzi. Czy masz tylko tego...   19.03.2012, 19:57:44
- - maviozo   Masz <!DOCTYPE html>?   19.03.2012, 21:20:41
- - 1q2w3e4r   Gdybym miał dać to co robię musiałbym wklejać cały...   19.03.2012, 22:24:19
- - Bureau   Cytat(maviozo @ 19.03.2012, 21:20:41 ...   19.03.2012, 22:24:43
- - by_ikar   Po pierwsze, nadałeś kontenerowi, o identyfikatorz...   20.03.2012, 09:11:05
- - 1q2w3e4r   Dziękuję za zainteresowanie. W header zostało min-...   20.03.2012, 18:09:29

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 9.10.2025 - 17:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn