div zupelnie na dole dokumentu Opcje

[SEBbull]

Witam,
Mam problem. Chcialbym zrobic zeby na dole mojej strony (niezaleznie od ilosci tekstu) byl pasek. Tak jak tutaj (tylko ze tutaj jest to oparte na htmlu). Problem polega na tym ze ja chce to zrobic w oparciu na divach.
Probowalem zrobic tak:

Kod

#bottom{width:100%; background-image: url(img/t4.jpg); height:80px; position:fixed;
left:0; bottom:0;}

Lecz wtedy przy wiekszej ilosci tekstu (gdy pojawia sie pasek przewijania) pasek (#bottom) nachodzi na tekst, a w przypadku wiekszej ilosci tekstu chcialbym zeby pasek (#bottom) pojawil sie pod tekstem.
Co robie zle? Co nalezy zrobic zeby dzialalo tak jak ja chce? Czy jest to wogle mozliwe?

[mariuszn3]

Fajnie jakbyś podał jakiś url do swojego problemu. Twój kod CSS nie jest adekwatny do tego co jest na stronie, do której link podałeś

Ten post edytował mariuszn3 28.07.2006, 13:42:46

[SEBbull]

Fajnie jakbyś podał jakiś url do swojego problemu. Twój kod CSS nie jest adekwatny do tego co jest na stronie, do której link podałeś

Wydawalo mi sie, ze podalem wystarczajce info. Przepraszam : x.
klik
styl

[mariuszn3]

Teraz już bardziej wiadomo o co chodzi
Zastosowałeś u siebie position:fixed chyba nie do końca wiedząc co to ustawienie robi. Przy position fixed dany element jest zupełnie nie zależny od pozostałej zawartości strony i nie zmienia swojego położenia wobec okna przeglądarki nawet przy przewijaniu zawartości.
Na stronie którą na początku z linkowałeś, stopka jest dodana jako po prostu ostatni element struktury bez żadnego konkretnego pozycjonowania, dlatego zawsze pokazuje się jako ostatnia (za poprzednimi elementami)

[SEBbull]

Teraz już bardziej wiadomo o co chodzi
Zastosowałeś u siebie position:fixed chyba nie do końca wiedząc co to ustawienie robi. Przy position fixed dany element jest zupełnie nie zależny od pozostałej zawartości strony i nie zmienia swojego położenia wobec okna przeglądarki nawet przy przewijaniu zawartości.
Na stronie którą na początku z linkowałeś, stopka jest dodana jako po prostu ostatni element struktury bez żadnego konkretnego pozycjonowania, dlatego zawsze pokazuje się jako ostatnia (za poprzednimi elementami)

Rzeczywiscie nie wiedzialem co 'fixed' robi, poniewaz probowalem dojsc do zamierzonego efektu poprzez metode prob i bledow. Po nieudanych probach postanowilem poradzic sie kogos lepszego jak i czy to wogle mozna zrobic opierajac sie na divach...

Ten post edytował SEBbull 28.07.2006, 14:53:22

[ens0re]

[HTML] pobierz, plaintext 
<div id="stopka">Copyright bla bla</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div#stopka {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
 
html > body div#stopka { 
position: fixed; 
}
[HTML] pobierz, plaintext 

Działać powinno w Operze, IE, FF. Jeżeli w IE nie działa to dodaj jeszcze taki styl:

[HTML] pobierz, plaintext 
<!--[if IE]>
<style type="text/css">
body { overflow-y: hidden; }
div#ie { height: 100%; overflow: auto; }
</style>
<![endif]-->
[HTML] pobierz, plaintext 

I div #ie dodajesz przed div#kontener