Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Problem ze stopką, Problem ze stopką
Konop857
post 7.09.2011, 17:22:06
Post #1





Grupa: Zarejestrowani
Postów: 81
Pomógł: 2
Dołączył: 4.05.2011

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

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.
Go to the top of the page
+Quote Post
mortus
post 7.09.2011, 17:38:46
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

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".
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 18.07.2025 - 07:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn