[CSS]Stpoka (pozycjonowanie do dołu) Opcje

[X_x_XXX_x_X]

[PHP] pobierz, plaintext 
#footer 
{
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	background: #1582AB;
	border-top: 1px solid #1885B0;
	font-family: Arial, Helvetica, sans-serif;
}
 
#footer a 
{
	color: #FFFFFF;
}
[PHP] pobierz, plaintext 

Możecie mi to poprawić by po zmianie karty zawsze mi się stopka z krawędzią dolną równało? Sporo czytałem ale nic nie pomagało. Może wy macie jakiś sposób.

Ten post edytował X_x_XXX_x_X 29.07.2010, 21:11:46

[krzysztof_kf]

Ale co równało ? może chodzi żeby dodać do

[CSS] pobierz, plaintext 
 
body { 
margin: 0px;
padding: 0px;
}
[CSS] pobierz, plaintext 

[Lilo]

Też nie bardzo rozumiem, wejdź na tę stronę przejrzyj tutorial, być może Ci coś rozjaśni http://articles.sitepoint.com/article/get-...g-photoshop-css .

[X_x_XXX_x_X]

To też mam.

Może to coś zobrazuje. Obrazek wziąłem z bloga na, którym było jak to naprawić lecz tamten sposób nie działa.

[kapuch]

dodaj do tego footera:

[CSS] pobierz, plaintext 
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
[CSS] pobierz, plaintext 

O to chodzilo?

Ten post edytował kapuch 29.07.2010, 21:45:39

[everth]

[CSS] pobierz, plaintext 
#footer {
position:absolute;
height:40px;
bottom:0;
width:100%;
}
#page_content {
padding-bottom:50px; /* to gwarantuje nam że strona nie wjedzie na stopkę i zapewnia 10px odstępu od niej */
}
[CSS] pobierz, plaintext 

Ten post edytował everth 29.07.2010, 22:07:00

[kapuch]

Zartujesz z tym position:absolute?
Sprawdz strone z taka stopka i co sie stanie, jesli tresc bedzie dluzsza od wysokosci okna, podczas przewijania, stopka zostanie takze przewinieta i zniknie nam z ekranu.
position: fixed; jest tutaj najlepszym wyjsciem, stopka zawsze bedzie na samym dole okna, bez wzgledu na dlugosc strony i podczas przewijania bedzie caly czas w tym samym miejscu, a w twoim przykladzie, stopka bedzie na dole okna, tylko gdy nie zaczniesz przewijac strony.
Nie ma co tutaj kombinowac, bo od tego wlasnie mamy position:fixed.
Nie mieszaj chlopakowi w glowie.

Ten post edytował kapuch 29.07.2010, 22:18:36

[everth]

U ciebie fixed powoduje że stopka jest zawsze u dołu ekranu - bez względu na treść. Ja zaproponowałem mu rozwiązanie które powoduje dosunięcie stopki do dołu ekranu jeśli treśći jest za mało, w przeciwnym wypadku stopka zjeżdża na sam dół. Nie wiem o ci chodzi, ale dla mnie to naturalne zachowanie.

[kapuch]

U ciebie fixed powoduje że stopka jest zawsze u dołu ekranu - bez względu na treść. Ja zaproponowałem mu rozwiązanie które powoduje dosunięcie stopki do dołu ekranu jeśli treśći jest za mało, w przeciwnym wypadku stopka zjeżdża na sam dół. Nie wiem o ci chodzi, ale dla mnie to naturalne zachowanie.

Ty chyba nie masz pojecia co piszesz i co to jest position:absolute.
Zrob najlepiej sobie prosty szablon i zastosuj ta swoja absolutnie pozycjonowana stopke przy tresci dluzszej niz okno i przewin na sam dol.
Zobaczysz o co mi chodzi.
Stopka zostanie w miejscu, nie bedzie wciaz przyklejona do dolu okna, bo bottom:0px; jest pobierane tylko podczas ladowania strony.

w przeciwnym wypadku stopka zjeżdża na sam dół.

Jasne, moze i tak bys chcial, ale niestety nic ci nie zjedzie na sam dol strony, bo position:absolute; to position:absolute !
Tak jak juz pisalem, w Twoim przykladzie stopka zachowuje sie dokladnie tak samo jak w moim (fixed), ale tylko do momentu przewiniecia okna, wtedy u mnie stopka jest nadal na dole okna, a twoja z gracja ucieka sobie do gory...a na pewno nie podaza za trescia.


Mimo pozniej pory zrobilem to wedlug Twojego przykladu:
http://2kliki.pl/fwi9/
Przewin i sobie zobacz czy wszystko jest tak pieknie jak chciales.

Ten post edytował kapuch 29.07.2010, 23:36:31

[everth]

Ech, znów ta noc - do cssa trzeba jeszcze dodać position do body. Tutaj właściwy css

[CSS] pobierz, plaintext 
body {
position:relative;
}
 
#footer {
position:absolute;
height:40px;
bottom:0;
width:100%;
}
#page_content {
padding-bottom:50px; /* to gwarantuje nam że strona nie wjedzie na stopkę i zapewnia 10px odstępu od niej */
}
[CSS] pobierz, plaintext 

[vokiel]

Masz na myśli sticky-footer?

[everth]

Prawdopodobnie tak . Choć nazwę widzę po raz pierwszy.