Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem ze stopką
Forum PHP.pl > Forum > Przedszkole
Konop857
7.09.2011, 17:22:06
Witam,robię szablon strony na divach ale stopka jakbym nie kombinował wyskakuje gdzieś w połowie,wie ktoś co poradzić?
Tu wklejam cały kod:
CSS:
[PHP] pobierz, plaintext 
  1. html,body {
  2. 	background-color: orange;
  3. 	scrollbar-arrow-color: #ffcc00; 
  4. 	scrollbar-base-color: #555555; 
  5. 	scrollbar-track-color: #000000; 
  6. 	scrollbar-highlight-color:#ffcc00; 
  7. 	scrollbar-shadow-color:#ffcc00; 
  8. 	height: 100%;
  9. 	}
  10.  
  11. m1 {
  12. 	font-size: 13;
  13. 	font-weight: bold;
  14. 	}
  15.  
  16. #nl_top {
  17. 	position: absolute;
  18. 	height:110px;
  19. 	width:100%;
  20. 	}
  21.  
  22. #nl_logo {
  23. 	position: absolute;
  24. 	left:136px;
  25.       	background: url(img/images/logo.bmp) no-repeat;
  26. 	height:110px;
  27. 	width:728px;	
  28.  	}
  29.  
  30. #nl_srodek {
  31. 	position: absolute;
  32. 	top:140px;
  33. 	width:100%;
  34.  	height:auto;
  35. 	min-height:1000px;
  36.  
  37. 	}
  38.  
  39. #nl_register {
  40. 	position: absolute;
  41. 	left:0px;
  42. 	width:180px;
  43. 	}
  44.  
  45. #nl_news {
  46. 	position: absolute;
  47. 	left:180px;
  48. 	width:640px;
  49. 	}
  50.  
  51. #nl_login {
  52. 	position: absolute;
  53. 	left:820px;
  54. 	width:180px;
  55. 	}
  56.  
  57. #nl_dol {
  58. 	position: absolute;
  59. 	height: 100px;
  60. 	}
  61.  
  62. #nl_stopka {
  63. 	position: absolute;
  64. 	top:100%;
  65. 	height: 100px;
  66. 	}
[PHP] pobierz, plaintext

A tu Stronka:
[PHP] pobierz, plaintext 
  1. <html>
  2. <body>
  3. <div id="nl_top">
  4. 	<div id="nl_logo"></div>
  5. </div>
  6. <div id="nl_srodek">
  7. 	<div id="nl_register">
  8. 		<?php
  9. 		echo "$register";
  10. 		?>
  11. 	</div>
  12. 	<div id="nl_news">
  13. 		<?php
  14. 		echo "$news";
  15. 		?>
  16. 	</div>
  17. 	<div id="nl_login">
  18. 		<?php
  19. 		echo "$login";
  20. 		?>
  21. 	</div>
  22. </div>
  23. <div id="nl_stopka">
  24. <?php
  25. echo "$stopka";
  26. ?>
  27. </div>
  28. </body>
  29. </html>
[PHP] pobierz, plaintext

Prosiłbym bardzo o wytłumaczenie co tu jest nie tak.
mortus
7.09.2011, 17:38:46
Zamiast top: 100%; w stylu stopki użyj bottom: 0;. Pozycjonowanie absolutne jednak średnio nadaje się do projektowania layoutu strony. Przy mniejszych rozdzielczościach pojawią się suwaki, co trzeba mieć zawsze na uwadze. Strona z elementami pozycjonowanymi absolutnie zawsze musi być dobrze "przemyślana".
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-2025 Invision Power Services, Inc.