Cum să apăsați subsolul în partea de jos a ferestrei browserului

Uneori, designul site-ului pentru a solicita un subsol, sau cum este numit, pivniță site-ul a fost fixat în partea de jos a ferestrei browser-ului atunci când nu există conținut puțin sau deloc, la toate, și se comportă în mod obișnuit, în cazul în care înălțimea conținut de mai mult de o fereastră de browser.







Pentru a lega subsolul în partea de jos a ecranului, trebuie să știți înălțimea sa (permiteți-i să fie de 50px). Apoi, setăm elementele html și corp la 100% înălțime și eliminăm indenturile. Unitatea de conținut scris (atribuiți-l id = „conținut“) și locul într-un container de poziționare relativă (atribuiți-l id = „container“), și o înălțime de subsol unitate de 50 px, de asemenea, cu o poziționare relativă și aranja după container.

Acum avem o bară de defilare, iar subsolul este situat sub marginea inferioară a ferestrei. Trebuie să o ridicăm până la înălțime. Atribuiți-i un margine de top: -50px, și dacă aveți un subsol cu ​​un cadru, atunci trebuie să ridicați subsolul la înălțimea subsolului + lățimea cadrului.







Acum, dacă conținutul este mic, subsolul va fi încă fixat în partea de jos a ecranului. Și dacă o mulțime? Ne uităm și suntem îngroziți. Conținutul a ajuns sub subsolul paginii. Pentru a rezolva acest lucru, blocați doar "conținutul", specificați omisiunea: padding-bottom: 50px.

Pentru IE6 ciudat, trebuie să aplicați un hack sau un comentariu condiționat, deoarece nu înțelege proprietatea min-height.

Deoarece IE6 se mânerează! Important cu o eroare, acest lucru poate fi folosit: toate browserele vor aplica înălțimea: auto și IE6 ultima valoare a înălțimii este de 100%, ceea ce este necesar.

Dar nu numai IE6 nu se comporta așa cum ar trebui, dar Opera 9.xx. Când deschideți Opera afișează subsolul paginii noastre imediat după conținut, nu în partea de jos a ferestrei, dar după dimensiunea ferestrei de opera modificări de subsol ajunge acolo unde ne-am planificat. Această eroare este rezolvată foarte simplu prin utilizarea tag-ul link-ul: fie adus în stil într-un fișier separat, încărcați-l în eticheta de link-ul, sau lăsați titlul documentului, dar după ce a descris stilul de a scrie toate totzhe link-ul tag-ul, specificând parametrul href de fișiere non-existente. Am facut acest lucru:

Rețineți că dacă nu specificați nimic în parametrul href, acest hack nu funcționează.

E un fel de tot. Futerul este legat de partea de jos a ecranului, conținutul nu se ascunde în spatele acestuia și totul este afișat corect în toate browserele populare.

Cel mai bun hosting și VPS:







Articole similare

Trimiteți-le prietenilor: