[CSS] Stopka zawsze na samym dole Opcje

[d.stp]

Jak zrobić tak, żeby stopka (białe tło, 100px height, 100% width) była zawsze na samym dole przeglądarki?

[viking]

position:fixed; bottom:0

[Szymciosek]

Poczytaj lepiej o Sticky Footer, są gotowe przykłady już do tego.

A position:fixed to chyba będzie miał problem z większą ilością np tekstu na stronie...

Ten post edytował Szymciosek 16.09.2012, 11:31:55

[Szymciosek]

To błąd jako jeden plik, musisz pociąć layout i trawa wtedy jest osobno na dole.

[grzes999]

Menu ci skacze bo musisz ustawić elementom szerokość taką żeby się mieściły po pogrubieniu czcionki.

A co do tła to nie bardzo rozumiem z czym masz problem :/ Trawa jest na dole i wszystko się dobrze wyświetla. A jeżeli chcesz tą kobietę w tle dodać to proponuję ją umieścić jak osobny div z pozycją absolute. W tedy position relative ustawiasz do body, które ograniczasz do 1000px żeby na każdej rozdzielczości była w tym samym miejscu i po problemie.

Ten post edytował grzes999 16.09.2012, 13:05:40

[grzes999]

Według mnie to trochę w zły sposób się za to wszystko zabrałeś :/
Chodzi głównie o to że obrazki tła się długo ładują.; ale to tylko tak na marginesie mówię.
Bo po co ci takie szerokie skoro i tak je ograniczasz do 960px w divie.

A co do twojego problemu to jakoś dziś słabo myślę :/ jak byś mógł daj jakiegoś screana nawet robionego w paincie co chcesz osiągnąć.
Bo jak patrze na to co masz do zakodowania i na to co zakodowałeś i mówisz ze jest problem to jakoś nie wiem do końca o co chodzi.

Ten post edytował grzes999 16.09.2012, 15:44:25

[Szymciosek]

Od początku mówisz o tym, że jakiś tam biały box ma być na dole strony - footer - proszę http://adorr.net/2010/03/absolutestickyflo...and-footer.html

Później mówisz o tym, że chcesz aby trawa była na dole, potnij layout i wtedy będziesz miał osobne jakieś tam chyba niebieskie tło i wtedy trawę sobie nawet na lewo możesz dać bez ruszania tła pod content.

[Szymciosek]

Tu nie chodzi o jakieś mądrości i nikt nie będzie za Ciebie robił gotowców.

Mogę Cię nakierować jak to zrobić, z tego co widzę:
1) Zastosować musisz sticky footer, który już podawałem wyżej i w jednym divie trzymać bg oraz trawa.
2) Tło możesz zrobić jako fullscreen background http://css-tricks.com/perfect-full-page-background-image/
3) Banner, width i height na sztywno ustawione
4) Content ustawi Ci się automatycznie, jeśli dasz wszystko do containera.

Co do footer to tutaj masz jeszcze lepszy przykład, bo footer jest osobno, nie działa na niego Content i header http://css-tricks.com/snippets/css/sticky-footer/

[d.stp]

dobra zobaczę te linki i spróbuje coś zrobić

i nie chciałem gotowca, specjalnie zrobiłem inny przykład żebyście tak nie myśleli