Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Stopka zawsze na dole strony
Panczos
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 3.03.2011

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


Witam wszystkich. Chodzi mi o ta strone: www.erwin.is/personal/platina4/

Chcialbym by stopka, tam gdzie jest "Leiðbeiningar | Um okkur | Auglýsingar | Skilmálar
ˆ2011 platina.is" byla zawsze na dole strony po lewej stronie. Teraz zmienia sie jej pozycja w zaleznosci od rozdzielczosci monitora.

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
krzywy36
post
Post #2





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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


sprecyzuj pytanie, albo najlepiej wrzuć jakiegoś screena pokazującego gdzie ma być ta stopka.

Edit: jeśli chodzi o to, żeby stopka była cały czas przy dolnej krawędzi okna przeglądarki i jednocześnie przy lewej krawędzi "początku" strony, to chyba się nie da ale możesz zrobić tak:
nadajesz stopce szerokość, pozycjonowanie ustalone (fixed), left: 50%, right 50% i do tego margin-left - połowa szerokości stopki ze znakiem minus. Trochę zagmatwane ale na Twoim przykładzie to będzie tak: strona ma 970px szerokości więc tyle samo dajesz stopce:
  1. width: 970px;
  2. left: 50%;
  3. right: 50%;
  4. margin-left: -485px;


Tym sposobem masz stopke która wyświetla się tak jak trzeba ale tylko do czasu gdy okno przeglądarki jest szersze niż szerokość strony (w tym wypadku 970px), potem się psuje.

Edit2: w sumie to w js można(chyba) napisać prosty skrypt który będzie zmieniał stopce left na 0 gdy okno przeglądarki jest mniejsze niż 970px.

Edit3: Bo moje rozwiązanie robi całkiem co innego haha.gif, po prostu się nie zrozumieliśmy, efekt który chciałeś uzyskać da się osiągnąć bez żadnego problemu ;D Pozdrawiam

Ten post edytował krzywy36 6.03.2011, 08:36:28


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
Panczos
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 3.03.2011

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


Witam i dziękuję za odpowiedź, jednak to rozwiązanie nie zadziałało. Poradziłem sobię dodając diva z clear:both a pod nim stopkę smile.gif

Pozdrawiam.

Ten post edytował Panczos 6.03.2011, 02:36:16
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 Aktualny czas: 20.08.2025 - 15:01