Forum PHP.pl > [HTML][CSS] absolute, bottom

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] absolute, bottom

Forum PHP.pl > Forum > Przedszkole

pifarek

23.05.2010, 13:41:37

Mam pustkę w głowie. Jak ustawić pozycję elementu od dołu strony. Jest niby coś takiego jak:

Kod

div
{
position: absolute;
bottom: 0px;
}

ale działa wyłącznie jeżeli strona nie ma pionowego paska przewijania....
Ktoś wie jak to ogarnąć? ;-)

krzysztof_kf

23.05.2010, 13:46:46

jak już

[CSS] pobierz, plaintext 
 
div {
 
position: fixed;
bottom: 0px;
margin-bottom: 10px;
}
 
[CSS] pobierz, plaintext

pifarek

23.05.2010, 14:05:00

a po co mi fixed? div ma być przyklejony do dołu na stałe, ale ma się przesuwać razem ze stroną...
====
szybki przykład jakiego efektu nie chce uzyskać ;>

[HTML] pobierz, plaintext 
	<body>
		<div style="height: 1200px;">
		</div>
		<div style="width: 100%; height: 20px; background-color: red; position: absolute; bottom: 0px;">
		</div>	
	</body>
[HTML] pobierz, plaintext

Chciałbym, żeby czerwony pasek był na samym dole.

krzysztof_kf

23.05.2010, 14:08:48

przetestuj to zobaczysz masz na dole ? przesuwa się razem przesuwa więc zanim coś powiesz to zobacz czy ci oto chodzi .

Na stałe jeśli tak to zobacz mój post powyżej

pifarek

23.05.2010, 14:16:37

krzysztof_kf, nie wiem w jaki sposób Ty to sprawdzasz, ale u mnie nie przesuwa się razem ze stroną...

krzysztof_kf

23.05.2010, 14:17:38

A masz DOCTYPE pewnie nie i masz tu sedno sprawy ;/ ma to wpływ na poprawny wygląd strony

[HTML] pobierz, plaintext 
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
 
</head>
<body>
 
</body>
</html>
[HTML] pobierz, plaintext

pifarek

23.05.2010, 14:19:49

Cytat(krzysztof_kf @ 23.05.2010, 15:17:38 )

A masz DOCTYPE pewnie nie i masz tu sedno sprawy ;/ ma to wpływ na poprawny wygląd strony

Mam doctype...
Pokaż mi gotowy html proszę... Naprawdę jestem ciekaw...

krzysztof_kf

23.05.2010, 14:24:25

może źle się zrozumieliśmy już przedstawiłem powyżej chcesz uzyskać takie coś jak na Link

chodzi o tego staruszka na dole tak jest na sztywno

pifarek

23.05.2010, 14:29:56

Nie chodzi mi o statyczne umieszczenie czegoś na stronie.
Chcę po prostu zrobić, aby jakiś element był zawsze na dole strony:

w momencie kiedy jest pasek przewijania - element jest pod zawartością i przesuwa się razem z nią
w momencie kiedy nie ma paska przewijania - element trzyma się "dolnego końca strony"

Nie wiem jak jaśniej to opisać...

tehaha

23.05.2010, 14:31:06

http://ryanfait.com/sticky-footer/

pedro84

23.05.2010, 14:40:39

Krzysztof, nie masz racji... Nie zrozumiałeś go do końca

Google.pl => css sticky footer...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.