Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dlaczego nie działa min height?
finito
post 9.10.2013, 14:45:18
Post #1





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 16.12.2012

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

Chodzi o to, że wylewa mi tekst i nie wiem jakie ustawienia zrobić, żeby pociągnęło mi do dołu dolną krawędź strony. Dlaczego xhtml? Po prostu na razie ogarniam xhtml.

To jest kod html:
[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="glowny">
  3. 	<div id="naglowek"></div>
  4. 		<div id="tresc">
  5. 				<div id="lewy_bar">
  6. 				</div>
  7.  
  8. 				<div id="artykul_wew">
  9. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  10. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  11. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  12. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  13. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  14.  
  15. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  16. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  17. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  18. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  19. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  20.  
  21. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  22. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  23. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  24. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  25. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  26.  
  27. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  28. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  29. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  30. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  31. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  32. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  33. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  34. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  35. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  36. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  37. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  38. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  39. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  40. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  41. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  42. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  43. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  44. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  45. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  46. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  47. 					<p>tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  48. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  49. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc 
  50. 					tresc tresc tresc tresc tresc tresc tresc tresc tresc 
  51. 					tresctresc tresc tresc tresc tresc tresc tresc tresc tresc</p>
  52. 				</div>
  53. 				<div id="prawy_bar">
  54. 				</div>
  55. 		</div>
  56.  
  57. 	</div>
  58. </div>
  59. </body>
  60. </html>
[HTML] pobierz, plaintext

A to jest kod css.
[CSS] pobierz, plaintext 
  1. #glowny {
  2. 	position:relative;
  3. 	z-index:0;
  4. 	margin:auto;
  5. 	width:800px;
  6. 	min-height:350px;
  7. 	background-color:black;
  8. }
  9. #naglowek {
  10. 	width:800px;
  11. 	height:200px;
  12. 	background-color:blue;
  13. }
  14. #tresc {
  15. 	position:relative;
  16. 	width:750px;
  17. 	min-height:600px;
  18. 	background-color:green;
  19. }
  20. #lewy_bar {
  21. 	float:left;
  22. 	width:150px;
  23. 	min-height:500px;
  24. 	padding-left:0px;
  25. 	background-color:darkgreen;
  26. }
  27. #artykul_wew {
  28. 	float:left;
  29. 	width:400px;
  30. 	min-height:100%;
  31.         margin-left:0px;
  32. 	}
  33.  
  34.  
  35. #prawy_bar {
  36. 	float:left;
  37. 	float:clear;
  38. 	width:50px;
  39. 	height:500px;
  40. 	background-color:red;
  41. 	margin-left:0px;
  42.  
  43. }
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- finito   Dlaczego nie działa min height?   9.10.2013, 14:45:18
- - freemp3   Po pierwsze nie ma czegoś takiego jak float: clear...   9.10.2013, 14:51:45
- - Sephirus   1. usuń "float:clear" - nie ma czegoś ta...   9.10.2013, 14:52:58

« Następny starszy · HTML \ XHTML · 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: 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 Wersja Lo-Fi Aktualny czas: 25.06.2025 - 10:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn