Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> pozycjonowanie stopki na stronie
Kinool
post
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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ale w innym przypadku to stopka jest tak jak by w powietrzu (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) probowalem przez style (position absolute) ale to jest zbyt drastyczne rozwiazanie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) bo pozycjanuje wtedy stopke zawsze na dole, zaslaniajac tresc (IMG:http://forum.php.pl/style_emoticons/default/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
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
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?
Go to the top of the page
+Quote Post
hmmm
post
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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 16:56