Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] Problem ze stopką aby była zawsze na dole strony
Bartek2000
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 15.04.2015

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

Witam,
Mam taki kod:

[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3.    <div id="menu">
  4.    </div>
  5.    <div id="cont">
  6.    </div>
  7.    <div id="footer">
  8.         <p>treść stopki</p>
  9.    </div>
  10. </body>
  11. </html>
[HTML] pobierz, plaintext 



[HTML] pobierz, plaintext 
  1. html {
  2.     height:100%
  3. }
  4. body {
  5.   padding: 0%;
  6.   margin: 0 auto;
  7. }
  8.  
  9. #menu {
  10.   position: fixed;
  11.   background: /*#2980b9*/ black; 
  12.   width: 100%;
  13.   top: 0px;
  14.   height: 90px;
  15. }
  16.  
  17. #cont {
  18.   margin-top: 0%;
  19. }
  20.  
  21. #footer{
  22.     margin: 0 auto;
  23.     position:absolute;
  24.     left: 0;
  25.     width: 100%;  
  26.     height: 7%;
  27.     background-color: black;  
  28. }
  29.  
  30. #footer p{
  31.    font-size: 15px;
  32.    color: white;
  33.    text-align: center; 
  34. }
[HTML] pobierz, plaintext


Kod ten powoduje, że stopka wędruje po ekranie w poziomie (IMG:style_emoticons/default/dry.gif) Raz jest na samym dole, innym razem w 2/3 ekranu w zależności od ilości treści i rozdzielczości (IMG:style_emoticons/default/sadsmiley02.gif)
Czy jest jakiś złoty środek na to, aby stopka trzymała się zawsze dołu strony bez względu na ilość treści?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Przecież jak wół stoi: /* Height of the footer element */.
Go to the top of the page
+Quote Post

Posty w temacie
- Bartek2000   [CSS][HTML] Problem ze stopką aby była zawsze na dole strony   15.04.2015, 20:22:56
- - Kshyhoo   fixed   15.04.2015, 20:30:19
- - Bartek2000   ok udało się ... jest cały czas na dole. A co jeśl...   15.04.2015, 20:49:27
- - miras   clear: both; ?   15.04.2015, 20:55:13
- - Kshyhoo   A: [CSS] pobierz, plaintext position: relative;bot...   15.04.2015, 20:56:32
- - Bartek2000   Właśnie takie ustawienie: [HTML] pobierz, plainte...   16.04.2015, 19:12:02
- - Kshyhoo   Musi działać: [HTML] pobierz, plaintext <body...   16.04.2015, 19:17:50
- - Bartek2000   Cytat(Kshyhoo @ 16.04.2015, 20:17:50 ...   18.04.2015, 14:03:39
- - Kshyhoo   Przecież jak wół stoi: /* Height of the footer ele...   18.04.2015, 14:09:40
- - Bartek2000   No to przecież wpisałem tam 50px i w stopce też da...   18.04.2015, 14:47:11
- - Kshyhoo   Coś zchrzaniłeś, bo to działający kod.   18.04.2015, 14:54:03

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 15.10.2025 - 22:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn