Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> 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
freemp3
post 9.10.2013, 14:51:45
Post #2





Grupa: Zarejestrowani
Postów: 467
Pomógł: 77
Dołączył: 6.09.2008
Skąd: Miechów / Kraków

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

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>


Ten post edytował freemp3 9.10.2013, 14:54:10


--------------------
Niemożliwym jest stworzenie czegokolwiek idiotoodpornego, ponieważ idioci są wyjątkowo pomysłowi.

https://www.aroch.pl
https://themeforest.net/user/aroch
https://www.astroblog.aroch.pl
https://www.4geeks.pl
Go to the top of the page
+Quote Post
Sephirus
post 9.10.2013, 14:52:58
Post #3





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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

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


--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
« 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: 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: 26.04.2024 - 12:56
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn