Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dlaczego nie działa min height?
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
finito
9.10.2013, 14:45:18
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
freemp3
9.10.2013, 14:51:45
Po pierwsze nie ma czegoś takiego jak float: clear;
Kod
float:clear; => clear:both;

lub
Kod
float:clear; => float: none;


Po drugie ten styl w ogóle nie powinien być w tym miejscu. Przed zamknięciem div-a o id treść wstaw:
Kod
<div style="clear:both;"></div>
Sephirus
9.10.2013, 14:52:58
1. usuń "float:clear" - nie ma czegoś takiego
2. dodaj DIV po tym z id="prawy_bar" który będzie miał styl "clear:both"

Tyle wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.