Witam,
Na samym dole strony mam element, który ma być wypełniony tłem do samego dołu przeglądarki. Niestety nie ma rodzica i height na 100% nie pomaga. Co mogę zrobić?




Pozdrawiam.

[XML] pobierz, plaintext 
body, html { height:100%;} 
 
#foot{
width:100%;
height:100%;
float: left;
margin: 12px 0 0;
background:url(media/img/foot_bg.jpg) repeat-x #dcd3c6;
}
[XML] pobierz, plaintext 

Nie wiem dlaczego, ale pojawia mi się wtedy scroll...

overflow: hidden ?
Wstaw gdzieś może to co masz, bo trudno mi zgadywać czemu tak się dzieję. Albo ktoś inny może wie co jest przyczyną dokładnie.

działa jeśli dam je w body, ale jeśli strona się rozciągnie lub będzie wyświetlana na mniejszej rozdzielczości, nie będzie możliwości jej przesunięcia...

[HTML] pobierz, plaintext 
html { height:100%;} 
 
body{
font-family:Arial;
font-size:11px;
color:#644941;
text-align:justify;
background:url(media/img/main_bg.jpg) repeat-x #fff;
margin:0;
padding:0;
height: 9%;
}
[HTML] pobierz, plaintext 

To jest takie rozwiązanie typu: Działa, ale można to na pewno zrobić inaczej lepiej.
Tak mi się zdaje, albo nie można juz tego lepiej zrobić. Niech ktoś lepszy się wypowie.

Nie rozumiem, czemu 9%? Dopasowane tylko do danej rozdzielczości.

Bo to najbardziej pasuje do tego co chcesz osiągnąć. Jak to zrobić żeby było idealnie nie wiem. Ale zaloze sie ze jak poszukasz na google to znajdziesz. Mówię to działa, bo nawet przy rozdzielczosci 1024x768 wyglada jako tako. Ale to nie jest to co mozna osiagnac zapisujac inaczej LEPIEJ.

Zmieniła się koncepcja stopki, więc problem jest już nieaktualny- aczkolwiek, jeżeli ktoś ma rozwiązanie, nie wzgardzę

Damonsson, plusik za zaangażowanie w temacie, dzięki.

Pozdrawiam.

Moja opcja taka (nieidealna także):

Wewnętrzną treść strony zrobić na scrollingu (czyli, żeby strona miała statyczną wysokość). Wtedy możesz zrobić zewnętrznego diva, w którym będzie cała zawartość strony (zaraz po body) z background-position: bottom center; background-repeat: repeat-x; padding-top: <tutaj_wysokosc_tla_stopki+ewentualny_odstep_od_konca_faktycznej_tresci>px;, a jako tło dla body dać to, co masz w topie, tylko, że przedłużone na wysokość o białą część tła i tło stopki (dajmy na to z jakieś 300px, żeby dopasować do większych rozdzielczości).