Kako gurnuti podnožje na dno stranice?

Uređaji i veličine zaslona koji toliko određuju veličinu prozora preglednika da je kod pisanja koji zadovoljava sve aplikacije problematičan. Samo pritisnite podnožje na dnu stranice prihvatljivo u idealnom slučaju, ali postoje barem dvije situacije kada je to gotovo nemoguće učiniti.

Prvo, ne samo da zasloni tableta i pametnih telefona omogućuju da se fizički zaslon premjesti virtualno. Prozor za fizičku vidljivost - manje virtualnog prozora zaslona, ​​iz kojeg možete pomicati fizički. Drugo, kako stisnuti podnožje do dna stranice (CSS pravila) je više ili manje jasno, kako onda promijeniti veličinu samog preglednika?


Apsolutno i relativno pozicioniranje

Odluka o kontroli svih koordinata i veličina nije uvijek poželjnija, osobito pri prikazivanju kontinuiranog sadržaja. Rješenje je staviti sve na potok (varijantu string elemenata, ali ne i apsolutne blokove) kada se svaki sljedeći element postavi iza prethodnog i stoga nema praznina ili problema s odrazom podnožja: uvijek je na kraju dokumenta, ali ne uvijek "prianja" na dno granice prozora preglednika.
Kraj potoka nije na dnu stranice. Podnožje može biti ispod, ali ga pritisnite na dno prozora preglednika, CSS "neće dopustiti." Uvijek postoje dvije opcije za pomicanje donje granice prozora preglednika: gore i dolje - nakon što se stranica učita u preglednik. To je problem.
U većini slučajeva, podnožje s CSS pravilom "bottom"sa naknadnim pravilima o smještaju, šeširi, sadržaj i podnožja mogu pružiti željeno rješenje.
Ali ova će odluka biti jednostavna. To neće uzeti u obzir mnoge situacije.
Tradicionalna pozicija stila programiranja Interneta "NE razumije, NE radi" zahtijeva da programer ima jasnu strukturu stranice, bez kalkulacija u procesu i odluka da pritisnete podnožje na dno stranice može se ostaviti kao takva.


Klasično rješenje problema s podnožjem

Najlakši način da se problem riješi dalje, a općenito s "izradom mjesta", jest upotreba CMS-a (sustava za upravljanje mjestima). Nema problema je kako gurnuti podnožje na dno stranice, wordpress, drupal, magenta, 1c-bitrix i druge CMS "znaju" i "rade" sami. U većini slučajeva programer to čini. Koristeći bilo koji kontrolni sustav, programer se pretvara u upravitelja sadržaja i jednostavno popunjava predloške, upravlja postavljanjem informacija, konfigurira veze. U svijetu modernog popularnog CMS-a postoji samo jedan temeljni problem: područje specifične primjene, interesi korisnika i kvalifikacije izvođača u vrlo rijetkim slučajevima, odgovaraju mentalitetu grupe programera, bilo koje, najnaprednije, CMS-a. Nedostaci, rupe i problematična područja uvijek se otkrivaju.

Internetsko rješenje problema stopala

Sva uska grla u programiranju suvremenih zanimljivih stranica postaju predmetom rasprava i rješenja u internetskom okruženju. U kontekstu cjelovitog rješenja na stranici, kako gurnuti podnožje na dno stranice, 4Metoda se može naći zajamčena i samo (!) Pod jednim pravilom samo CSS.
Prodavači zbog nekog neopravdanog i neobjašnjivog razloga odlučili su da je problem podnožja i cjelokupnog sastava stranice - samo njihov prerogativ. Dinamika standarda HTML5 i CSS3 sugerira da se sintaksa i semantika hiperteksta razvija. Pojavljuju se nove ideje, a stare se ažuriraju. To je dobro, ali stranica nije HTML5 /CSS3, niti je razvijen s klijentom. To je rješenje za pravi izazov u stvarnom internetskom prostoru i aplikacijama (usluge, proizvodi, ideje).

Prozor preglednika kao klasa žanra

Prijelaz iz teksta u grafiku tijekom trideset godina učinio je temeljni koncept prozora za bilo koji operativni sustav. Os Windows i Apple, i prijateljska obitelj yunikosoidov sve privlači prozor sučelje. Ideje za programiranje prozora i podjela HTML elemenata na blokove s apsolutnim i relativnim pozicioniranjem čine problem pritiskanja podnožja na dno stranice iznimno jednostavnim: ne morate gurati podnožje i spuštati donju granicu prozora preglednika da biste ga promijenili. Što je jednostavnije, jer preglednik razumije kada njegov donji red (državna linija) sadrži informacije:
Ovo nije odluka da gurnete podnožje na dno stranice i to nije futer, ali u ovom primjeru je jasno da je bit fether-a pojasniti prozor preglednika željenom dizajnu. Međutim, ta okolnost nije povezana s podrumom stranice, već samo s značajkom preglednika. Statusna traka nije futer.

Dinamičko rješenje pomoću javascripta

Nakon preuzimanja stranice preglednikamože pokrenuti javascript skriptu koja određuje položaj elemenata stranice u skladu s trenutnom veličinom prozora preglednika. Naravno, ovo rješenje apsolutno sigurno stavlja podnožje na pravo mjesto.
U ovom primjeru, odgovor na onload događaj postavlja GoPage () funkcija, koja definira trenutne koordinate dive scLogo i postavlja je na pravo mjesto. U slučaju promjene veličine prozora preglednika, odgovor se postavlja pomoću funkcije scfChange.
Ovdje se koordinate elementa nastavljaju mijenjanjem veličine prozora preglednika. Problem kako gurnuti podnožje na dno stranice odlučuje se nedvosmisleno. Element možete vezati u odnosu na bilo koju granicu prozora. javascript radi brzo, a posjetitelj neće primijetiti kako je točno izvršeno pozicioniranje stavki: CSS pravila ili javascript algoritam. Rezultat tog koda pri promjeni veličine prozora preglednika:
Ovdje će stavka s Googleovim natpisom biti postavljena točno na pravo mjesto u bilo kojem trenutku kada se promijeni prozor preglednika, ali će element s natpisom biti ispravno prikazan samo kada je prozor preglednika spušten dolje i ispravan položaj desnog klizača.

Optimalno rješenje za elemente pozicioniranja

Era statičkih stranica već je davno prošla priču. Korištenje AJAX tehnologije kada su elementi stranice ispunjeni pravim informacijama ovisno o korisnikovim radnjama je stvarno. Ideja o tome kada se stranica formira u letu je budućnost.
Najbolji način objavljivanja podataka na stranicine pokazuje što je programer ili vlasnik web-lokacije planirao. Ako pogledate stranicu u očima posjetitelja koji je došao s određenom svrhom, onda je mudro ponuditi mu svaki put točno ono što očekuje. To nije čudna ideja, kao što se čini. Ali ako je posjetitelj radio na mjestu i sjednica završila na određenom mjestu stranice, bilo bi pametno započeti sljedeću sesiju upravo iz ove odredbe.
Nije teško zapamtiti rezultat rada i stanje posjetitelja (stranice) na kraju sesije u kolačićima ili u bazi podataka na poslužitelju. Kada se ovaj posjetitelj vrati, možete se vratiti na spremljeno stanje umjesto stvaranja izvorne stranice web-lokacije.

Povezane publikacije