Raven1122
29.01.2012, 19:29:08
Witam, kombinowalem nad "Sticky Footer" no i wykombinowalem cos takiego:
www.emes-systems.pl/test/css/style.css
Stopka znajduje sie juz na dole strony gdy za malo tresci, lecz jak juz jest za duzo tresci, czyli pojawia sie scroller. Jakies rozwiazania?
Mega_88
29.01.2012, 19:32:44
Twój link nie działa, ale ja jak chce uzyskać efekt o którym piszesz korzystam z JS. Wytnij co nie potrzebne czyli .fancybox i #myList, a reszte wedlug swoich potrzeb.
<script type="text/javascript"> $(document).ready(function() {
$('.fancybox').fancybox();
$('#myList').listnav({
includeAll: true,
includeOther: false,
flagDisabled: true,
noMatchText: 'Brak wyników',
showCounts: true,
cookieName: 'moja-lista'
});
var myHeight = 0;
if( typeof( window.innerHeight ) == 'number' ) {
myHeight = window.innerHeight;
} else if( document.documentElement && document.documentElement.clientHeight ) {
myHeight = document.documentElement.clientHeight;
} else if( document.body && document.body.clientHeight ) {
myHeight = document.body.clientHeight;
}
var top = $('#top').height();
var middle = $('#middle').height();
if(myHeight>(top+middle+100)) { $('#footer').css({"position":"absolute","bottom":0}); }
$(window).resize(function() {
var myHeight = 0;
if( typeof( window.innerHeight ) == 'number' ) {
myHeight = window.innerHeight;
} else if( document.documentElement && document.documentElement.clientHeight ) {
myHeight = document.documentElement.clientHeight;
} else if( document.body && document.body.clientHeight ) {
myHeight = document.body.clientHeight;
}
var top = $('#top').height();
var middle = $('#middle').height();
if(myHeight>(top+middle+100)) { $('#footer').css({"position":"absolute","bottom":0}); }
else $('#footer').css({"position":"static","bottom":"auto"});
});
});
Raven1122
29.01.2012, 19:35:48
juz link dziala, bo edytowalem ale nie bardzo ogarniam js ;p
pedro84
29.01.2012, 19:56:21
Cytat(Raven1122 @ 29.01.2012, 19:29:08 )

Witam, kombinowalem nad "Sticky Footer" no i wykombinowalem cos takiego:
www.emes-systems.pl/test/css/style.css
Stopka znajduje sie juz na dole strony gdy za malo tresci, lecz jak juz jest za duzo tresci, czyli pojawia sie scroller. Jakies rozwiazania?
http://www.cssstickyfooter.com/Przeczytaj, zrozum i zastosuj.
Raven1122
29.01.2012, 19:59:48
Czytalem, ale jakos nie dziala ;p
pedro84
29.01.2012, 20:04:21
Cytat(Raven1122 @ 29.01.2012, 19:59:48 )

Czytalem, ale jakos nie dziala ;p
Po rzuceniu okiem w Twój styl widać, że:
a) nie czytałeś

nie zrozumiałeś
Jeśli a, czytaj jeszcze raz.
Jeśli b, czytaj do skutku, nikt za Ciebie tego nie zrozumie.
Raven1122
29.01.2012, 20:44:40
Czytalem, tyle ze t jest swiezy styl, bo tamten juz edytowalem. Takie pytanie, mam zrobic nowe divy, czy zastosowac to na swoich?
www.emes-systems.pl/test/
Bo zastosowaniu tego sticky footer
Refresh
Damonsson
29.01.2012, 21:05:54
Ale zaraz...zaraz...tobie chodzi o to żeby stopka była ZAWSZE widoczna na ekranie (przyklejona do okna przeglądarki)?
To wtedy nie jest sticky footer.
ShadowD
29.01.2012, 21:08:16
Jeśli chcesz stopkę przyklejoną do dołu i zawsze widoczną tak jak top na cmsss.pl to position absolute, bottom:0px...
prowseed
29.01.2012, 22:50:46
Zawsze widoczna? To raczej position: fixed;
I wlasnie to ja rozumiem pod pojeciem sticky footer.
Natomiast jesli chcesz stopke ktora zawsze jest na dole niezaleznie od rozdzielczosci, to tak jak powiedzial przedmowca + margines dolny dla calej tresci by nie zakrywala przypadkiem czegos.
Raven1122
30.01.2012, 17:43:30
emes-systems.pl/test/?page=cennik
Stopka zostala dziwnie w miejscu ;p
Damonsson sorr, nie oto chodzilo, chodzi mi o sticky foooter
pedro84
30.01.2012, 17:47:19
Weź się chłopie ogarnij i zdecyduj co Ty chcesz!
Jeśli sticky footer, to ją po prostu zimplementuj w swoim kodzie.
Raven1122
30.01.2012, 17:54:29
Pedro -.-" WCIAZ MOWIE ZE CHCE STICKY FOOTER, A WY MI NARZUCACIE ZE JA CHCE ZAWSZE U DOLU PRZEGLADARKI. Nie ja chce tylko zeby zawsze bylo u dolu strony, nie wazne ile tresci, zawsze bedzie u dolu (nie okna przegladarki)
EDIT //
Jak implementuje to mi sie cala strona rozjezdza
CuteOne
30.01.2012, 18:02:19
To chyba mylisz pojęcia... w dodatku obwiniasz innych, że nie rozumieją Twojego BŁĘDU - ogarnij się
U góry ktoś podał ci link do odpowiedniej strony gdzie masz napisane w jaki sposób go zaimplemetować , więc powiem ponownie - ogarnij się
Raven1122
30.01.2012, 18:03:01
Pytalem sie, czy mam zrobic nowe divy, czy zastosowac to na swoich?
Bo jak to robie to cala strona mi sie rozwala
CuteOne
30.01.2012, 18:09:55
Opcje:
1. Znasz HTML i wiesz gdzie leży problem
2. Piszesz sobie stronę testową np. index2.html gdzie wkleisz kod z tamtego linku. Następnie stopniowo dodajesz kod ze swojego macierzystego kodu aż zobaczysz, że coś jest nie tak. I już wiesz co trzeba naprawić
3. Przepisujesz wszystko na nowo ;D
Raven1122
30.01.2012, 18:15:13

Jak mozecie, to looknijcie moj CSS, robilem tak o : Kod Wraper dawalem do #container, #main jako #content no i Footer do footer, co jest zle? ;p
CSS zaktualizowany jest w srodku ten kod, wiec co teraz jest zle? ;p
pedro84
30.01.2012, 18:16:27
Potrafisz przeczytaj i zrozumieć parenaście linijek CSS? Przecież to ręce opadają.
Gdzie Ty niby dodałeś ten kod?
Raven1122
30.01.2012, 18:19:47
Divy:
#container, #content, #footer i na samej gorze * i body
lobopol
30.01.2012, 18:28:00
Zrób tak jak ci CuteOne napisał, skopiuj całą stronę sticky footer i dodawaj kolejne elementy. Prościej tego nie zrobisz.
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.