Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]skaczący napis absolute
Terrorizer
post 13.02.2014, 00:01:15
Post #1





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 31.03.2012

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


Witam,
Mam na każdej podstronie dodany footer, który zawiera właściwie tylko jeden link (napis "contact").
Pomimo wartości absolute, skacze on na różnych podstronach, wyraźnie widać gdy się między nimi przełącza ,że raz jest wyżej, raz niżej, mimo tego ,że każdy arkusz css zawiera dla tego footera takie same wartości:
Kod
footer{
font-size:12px;
position: absolute;
bottom:10px;
right:300px;
color:white;
}


Ten post edytował Terrorizer 13.02.2014, 00:03:22
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
Turson
post 13.02.2014, 00:04:05
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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


Pokazałbyś jakieś demko.
Go to the top of the page
+Quote Post
Terrorizer
post 13.02.2014, 00:13:58
Post #3





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 31.03.2012

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


Jak już wyżej wspomniałem, chodzi o napis "contact" na dole.



Ten post edytował Terrorizer 13.02.2014, 00:19:33
Go to the top of the page
+Quote Post
PrinceOfPersia
post 13.02.2014, 03:35:12
Post #4





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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


Cytat
Pomimo wartości absolute, skacze on na różnych podstronach,

kliknij w przeglądarce prawym przyciskiem na ten link "kontakt" i wybierz z menu kontekstowego "Zbadaj element" albo podobną opcję.
I pobaw się tym, powinny ci się na kolorowo zacząć wyświetlać obszary i marginesy konkretnych elementów jak najedziesz na taga w inspektorze. To ułatwia często debugowanie cssa.

dla mnie to wygląda jakby położenie i rozmiar innych elementów wpływało na jego pozycję. Względem którego elementu on jest pozycjonowany? Wrzuciłbyś działającą wersję albo cały kod.

Ten post edytował PrinceOfPersia 13.02.2014, 03:36:47


--------------------
Go to the top of the page
+Quote Post
Terrorizer
post 13.02.2014, 13:37:01
Post #5





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 31.03.2012

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


Nie mam zielonego pojęcia jak to sięstało, ale poszedłem spać, potem wstaje rano... a tu wszystko gra biggrin.gif
Bóg naprawił mój kod na spaniu biggrin.gif dziękuję biggrin.gif
Go to the top of the page
+Quote Post
L0k0
post 13.02.2014, 16:39:00
Post #6





Grupa: Zarejestrowani
Postów: 161
Pomógł: 4
Dołączył: 18.03.2011

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


Witam!

Marne szanse, że się to naprawiło samo. Zasada absolute jest prosta:
1. ustawiasz sobie obiekt na absolute, który ma gdzieś być.
2. ustawiasz sobie obiekt na relative, wobec którego pozycjonowany ma być powyższy element.

Jeśli chcesz, by element był zawsze w tym samym miejscu musisz go wypozycjonować wobec np. body albo innego głównego div'a.

Od siebie dodam, że jest to ogólnie kiepski pomysł, by używać absolute do tego typu rozwiązań.
Robisz sobie po prostu div i w stylach dajesz: clear:both. Dzięki temu element będzie zawsze na spodzie.

Pozdrawiam!
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 - 04:34