CSS pozicioniranje

[jojo]

ovako imam layout koji ima containerbox i u njemu header i futer fixnih dimenzija i content koji ovisi o sadržaju
htjela bih da kadn ima sadržaja manje od visine browsera, da footer bude do dna prozora, da header bude na vrhu a content popuni sve ono između... content radi sa repeaty
a kad sadržaja ima više od visine ekrana da footer bude na dnu sadržaja

nisam sigurna kako to izvesti...

vidim da je nelche na inobscuru pokušavala nešto tog tipa al opet to nije točno ono što bih ja htjela... kod nje npr link home ima sadržaja više od visine ekrana pa je footer lijepo na dnu stranice i fiksne veličine, a onda ima link na info->sitemap koji kod mene ne prelazi visinu ekrana i onda se footer produži na način na koji ja to ne bih htjela...

sad sam se malo spetljala ali nadam se da znate što htjedoh reći

[Sulien]

Ti trebaš faux column metodu za 'content' i footer stick. Izgooglaj footer stick, a faux columne najbolje naučiš na positioniseverything - in search for the one true layout

Nije jednostavno (ovo sa PIE) jer je generičko rješenje faux column se može i jednostavnije za tvoj slučaj, bgr image na wrapperu (ovisno o tome kakav ti je dizajn)

Ako hoćeš podrobnije informacije morat ćeš priložit skicu

[jojo]

ma ovakvo rješenje mi nije nužno jer ima sličnih koja su isto OK i koja znam izvesti al zanimalo me dal je ovo uopće izvedivo i ne škodi saznati kako
hvala na uputama, proučit ću to malo
radi se inače o onom starom www.malinska.hr s kojim se još uvijek igram, prvotno je i header bio odmaknut od vrha al mi se čini da je bolje ovako do vrha pa bi onda pasalo da je i footer isto tako zaljepljen za dno ekrana - ali da je nužno nije, uostalom kad počnu ažurirati stranicu na uvodnoj će stranici uvijek biti po 5 vijesti tako da će prelaziti visinu ekrana možda čak i uvijek

[red]

CSS resursi: http://www.mi3dot.org/forum/viewtopic.php?p=52228#52228

[nel`chee]

pogledaj kako sam ovdje to napravila: http://www.riteh.hr/zav_katd_sluz/zaer/nastava/programiranje/
svodi se na ovo:

Code:

html, body {height: 100%;} #container {    margin: 0 auto;    position: relative;    min-height: 100%;    height: auto !important;    height: 100%; } #content {    padding: 0 0 80px 0; } #footer {    height: 74px;    width: 100%;    position: absolute;    left: 0 !important;    bottom: 0 !important;    bottom: -1px; /* For Certain IE widths */ }

to sam sa nekog sajta pokupila.

[jojo]

yep that's it
hvala nel'

EDIT ipak nije baš to to http://www.malinska.hr/kontakt/
višak sadržaja ostane sakriven. možebit da sam nešto krivo napravila.
a na tvom primjeru nema nigdje toliko sadržaja da bi se vidilo ponašanje u ovom slučaju koji se meni dogodio... jesi li to probala napuniti s još teksta?

[nel`chee]

pa ja bas ne vidim da ti je uspjelo kad gledam ove druge stranice, footer nije na dnu nego treba jos malo scrollat.
ovaj padding kod #content mora biti visok koliko i #footer ili veci, tako ti sadrzaj nece bit skriven.
mozda ti u samom HTML-u nisu div-ovi poslozeni kako bi trebalo za ovo.

[jojo]

ma ne u medjuvremenu sam vratila web na staro tako da si ti kasnije vidjela nesto drugo... nema veze nek stoji kako je bilo i prije. hvala u svakom slucaju