View previous topic :: View next topic |
Author |
Message |
nemogirl
Joined: 27 Oct 2004 Posts: 386 Location: istra
|
Posted: 20.03.2008 15:52 Post subject: background-image bottom:0 + sticky footer |
|
|
Nakon mnogo surfanja i isprobavanja razno raznih varijacija ne temu u css-u nisam uspjela postići ono što sam htjela.
i da, bilo je sličnih tema na forumu ali nisam našla riješenje.
dakle, stranica je tu
link
u FF i Operi se pojavljuje problem kad ima više sadržaja nego što stane u viewport - background image počinje od dna viewporta a ne od dna stranice.
Za Safari ne znam.
u jednoj kombinaciji sa height:auto je radilo ali onda za kratki sadžaj ne radi.
Please help
p.s.
klikajte na linkove više teksta i manje teksta (ispod menija)! |
|
|
Back to top |
|
|
hrvoje_86
Joined: 06 Dec 2006 Posts: 107 Location: Zagreb
|
Posted: 20.03.2008 16:29 Post subject: |
|
|
Bottom -visinaSlike
To jedini način koji sam vidio do sad da radi |
|
|
Back to top |
|
|
hrvoje_86
Joined: 06 Dec 2006 Posts: 107 Location: Zagreb
|
Posted: 20.03.2008 17:33 Post subject: |
|
|
meni radi ovako na manje i više
all {
position:absolute;
left:0px;
top:0px;
width:100%;
background-image: url(background.gif);
background-repeat: repeat-x;
background-attachment:scroll;
/*Note: For this to work in Mozilla, the background-attachment property must be set to "fixed".*/
background-position:center bottom;
/*background-attachment:fixed;*/
}
Po standardu je body viewport šta je meni glupo.
Znaci moras maknut height 100%
da on shvati da ti je stranica duža od viewporta.
Ali nemozes to maknut u body.
Kad sam prebacio sliku u all umjesto body onda je visina all cijela visina stranice i cini mi se da radi isto i na manje i više.
Jel ti to ok ili sam neš krivo skužio |
|
|
Back to top |
|
|
nemogirl
Joined: 27 Oct 2004 Posts: 386 Location: istra
|
Posted: 21.03.2008 09:18 Post subject: |
|
|
nazalost, ne izgleda dobro sa kratkim sadržajem tj. onda Footer više nije sticky a i pozadina počinje od kraja sadržaja a ne od kraja viewporta!
|
|
|
Back to top |
|
|
hrvoje_86
Joined: 06 Dec 2006 Posts: 107 Location: Zagreb
|
Posted: 21.03.2008 20:27 Post subject: |
|
|
Možeš još sa javascriptom napravit da da prebaci height u 100% umjesto auto ak je height sadržaja manji od viewporta.
Ako ti nepaše javascript.
Mooraš onda prebacit te slike u zasebne divove i apsolutno pozicionirat
na bottom.
To je ono prvo šta sam reko jesi probala to?
http://www.themaninblue.com/writing/perspective/2005/08/29/ |
|
|
Back to top |
|
|
|