Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> pozycjonowanie stopki na stronie
Kinool
post 18.12.2004, 00:26:50
Post #1





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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


mam strone w tabeli (centrowana na srodku ale mniejsza o to smile.gif ) chcialbym zrobic aby stopka strony zawsze byla na samym dole tzn przy dolnej krawedzi okna przegladarki, naturalnie jest to jesli tresc strony jest wieksza niz wysokosc okna smile.gif ale w innym przypadku to stopka jest tak jak by w powietrzu sad.gif probowalem przez style (position absolute) ale to jest zbyt drastyczne rozwiazanie smile.gif bo pozycjanuje wtedy stopke zawsze na dole, zaslaniajac tresc smile.gif jakies sugestie jak to zrobic?? moze ododzielna tabela i wyrownac ja do dolnej krawedzi??

pozdrawiam

Ten post edytował Kinool 20.12.2004, 13:36:04


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
revyag
post 21.12.2004, 08:18:13
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Kod
<style type="text/css">
html,body{
    margin:0;
    padding:0;
    height:100%;
}
#cont{
    width:700px;
    height:100%;
}
#head{
    height:10%;
    width:100%;
    background-color:blue;
}
#bod{
    height:85%;
    width:100%;
    background-color:white;
}
#bcont{
    width:100%;
    background-color:green;
}
#foot{
    height:5%;
    background-color:red;
}
</style>

  1. <div id="cont">
  2. <div id="head"></div>
  3. <div id="bod">
  4. <div id="bcont">
  5. <!--zawartość strony-->
  6. </div>
  7. </div>
  8. <div id="foot"></div>
  9. </div>


--------------------
-------------

------
Go to the top of the page
+Quote Post
Mefju
post 23.12.2004, 18:47:21
Post #3





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 23.12.2004

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


A nie dało by sie jakoś pokombinować ze stylami fixed?


--------------------
Strona o Świebodzickim basenie
Strona z dloadem
Go to the top of the page
+Quote Post
hmmm
post 7.01.2005, 17:11:12
Post #4





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

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


jest jeszcze z-index :] taka wartosc CSS
  1. #tresc {
  2. z-index: 2;
  3. }
  4.  
  5. #stopka {
  6. margin-top: 10px;
  7. z-index: 1;
  8. }

musisz jeszcze ustawic pozycje stopki i ... jezeli dobrze wykombinowalem, to bedziesz mial stopke zawsze na dole w okreslonej pozycji, nad stopka bedzie 10px wolnego miejsca (wzgledy estetyczne) a okno bedzie sie przewijac, no tylko ... ze dalej bedzie zaslaniac chyba :/
i nie jestem pewien, czy im wyzszy z-index, to element jest 'bardziej nad innymi' czy na odwrot :P
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 03:27