zariadenia a veľkosti obrazoviek, ktoré určujú veľkosť okna prehliadača toľko písať kód, ktorý spĺňa všetky aplikácie problematické. Stačí stlačiť spodnej časti päty stránky k prípustným používaním ideálne, ale existujú najmenej dve situácie, kedy je takmer nemožné robiť.

Po prvé, nielen obrazovky s tabletami a smartphony umožňujú fyzickú obrazovku presunúť virtuálne. Okienko fyzickej viditeľnosti - bez virtuálneho okna obrazovky, z ktorého sa môžete pohybovať fyzicky. Po druhé, ak je, ako tlačová päty do dolnej časti stránky (CSS pravidlá) viac či menej jasné, ako sa bude meniť veľkosť okien prehliadača?

Absolútna a relatívna polohovanie

Rozhodnutie sledovať všetky súradnice a veľkosť nie je vždy lepšie, najmä pri zobrazovaní kontinuálnej obsahu. Rozhodnutie dať na prúd (voľba malá prvky skôr ako absolútne jednotky), kde je každý nasledujúci prvok umiestnené po tej predchádzajúcej, a preto neexistujú žiadne medzery či problémy s displeji päty, on je vždy neskoro, ale nie vždy je "prilepený" ku dnu okraj okna prehliadača. Koniec streamu nie je v dolnej časti stránky. Päta môže byť nižšia, ale stlačte ju do spodnej časti okna prehliadača, CSS "nedovolí." Vždy sú dve možnosti pre presun spodného okraja okna prehliadača: hore a dole - po načítaní stránky do prehliadača. Toto je problém. Vo väčšine prípadov sa päta s pravidlom CSS "bottom"s následnými následnými pravidlami umiestnenia, klobúky, obsah a päty môžu poskytnúť požadované riešenie. Ale toto rozhodnutie bude jednoduché. Nezohľadní veľa situácií. Tradičné pozície internetového programovanie štýlu "nerozumel, ani" požadovať developer jasnú štruktúru stránky, žiadne osady v procese a rozhodnutie o stlačiť päty v dolnej časti stránky, takže si môžete nechať.

Klasické riešenie zápätie

Najjednoduchším riešením problému Fouter, a naozaj "saytoproyzvodstvom" - použitie CMS (systém pre správu obsahu). Žiadny problém, pretože tlač päty v dolnej časti stránky, WordPress, Drupal, purpurová, 1C-Bitrix a ďalšie CMS «vedieť" a, robiť 'sami. Vo väčšine prípadov to vývojár robí. Pomocou ľubovoľného kontrolného systému, programátor stane správcom obsahu a len výplňou, riadené hosťovaní, komunikačné súpravy. Vo svete modernej populárnej CMS je len jeden zásadný problém: špecifický aplikačné oblasti, záujmy zákazníkov a kvalifikácia umelec vo veľmi zriedkavých prípadoch zodpovedá mentalite akéhokoľvek vývojového tímu, najpokročilejšie, CMS. Chyby, otvory a problémové oblasti sú vždy zistené.

Internet footer vyriešenie problému

Všetky prekážok v moderných programovacích miest nutne stať predmetom diskusií a rozhodovacích možností v on-line prostredí. V rámci kompletného riešenia okolo stránku, stlačte päty v dolnej časti stránky 4Metóda sa dá nájsť zaručená a iba (!) Pod jedným pravidlom iba CSS.
DTP a nerozumné z nejakého podivného dôvodu rozhodol, že problém päty a všeobecne strana zloženie - len ich výsadou. Dynamika štandardov HTML5 a CSS3 ukazuje, že syntax a sémantika hypertextu vyvinuté. Zobrazia sa nové nápady a aktualizujú sa staré nápady. To je dobré, ale miesto - to nie je HTML5 /CSS3 a dokonca aj developer spoločne so zákazníkom. Toto je riešenie skutočnej výzvy v reálnom svete na internete a aplikácii (služby, produkty, nápady).

v okne prehliadača ako klasika žánru

Prechod z textu na grafike tridsať rokov urobil zásadnú koncepciu okien pre ľubovoľný operačný systém. Os Windows a Apple, a priateľská rodina yunikosoidov všetky príťažlivé pre okno rozhranie. nápady okenné a programovanie rozdelenie do bloku HTML prvky s absolútnou a relatívnou polohovanie problém robí tlačové päty v dolnej časti stránky je veľmi jednoduchý: ste nestlačili zápätie a dolná hranica okna prehliadača zmeniť. Čo je jednoduchšie, pretože prehliadač chápe, kedy jeho dolný riadok (štátny riadok) obsahuje informácie: To nie je rozhodnutie stlačiť päty v dolnej časti stránky a päty nie je, ale v tomto prípade je zrejmé, že podstata footer - prehliadač určiť požadovaný dizajn. Táto okolnosť však nesúvisí so suterénou stránky, ale je to len funkcia prehliadača. Stavový riadok nie je futer.

Dynamické riešenie pomocou javascriptu

Po prevzatí stránky prehliadačamôže začať skript JavaScript, ktorý bude objasniť pozíciu prvkov stránky v súlade s aktuálnou veľkosti okna prehliadača. Prirodzene, toto riešenie absolútne rozhodne umiestni pätu na správne miesto. V tomto príklade nastavenie reakcie na udalosti pri načítaní funkcie GoPage (), ktorý určuje aktuálnu umiestnenie diva scLogo a pozície, na správnom mieste. V prípade zmeny veľkosti okna prehliadača je odpoveď nastavená funkciou scfChange.
To sa vykonáva Sk koordinovať prvok podľa veľkosti okna prehliadača. Problém, ako posunúť pätu na spodnú časť stránky, sa jednoznačne rozhodne. Môžete viazať prvok vzhľadom k ľubovoľnej hranici okna. javascript pracuje rýchlo, a návštevníci nebudú Všimnite si, ako to bolo vykonané polohovanie prvky: pravidlá CSS alebo algoritmus javascript. Výsledok tohto kódu pri zmene veľkosti okna prehliadača: Táto položka označené Google budú umiestnené presne na správnom mieste, pri akejkoľvek zmene v okne prehliadača, ale položka označené ISV správne zobraziť iba zvýšením prehliadač dole a správna poloha pravého jazdca.

Optimálne riešenie pre polohovacie prvky

Éra statických stránok už dávno prešla príbehom. Použitie technológie AJAX, keď sú prvky stránky naplnené správnymi informáciami v závislosti od akcií používateľa, je skutočné. Myšlienka, kedy sa stránka vytvorí za letu, je budúcnosť. Najlepší spôsob, ako uverejniť informácie na stránkenie je ukázať, čo plánoval vývojár alebo vlastník webu. Ak sa pozriete na miesto v očiach návštevníka, ktorý prišiel na konkrétny účel, potom je múdre ponúknuť mu vždy, keď presne to, čo očakáva. Nie je to zvláštna myšlienka, ako sa môže zdať. Ak však návštevník pracoval na webových stránkach a relácia skončila v určitej pozícii stránky, bolo by rozumné spustiť nasledujúcu reláciu presne z tohto ustanovenia. Nie je ťažké zapamätať si výsledok práce a stav návštevníka (stránky) na konci relácie v súboroch cookie alebo v databáze na serveri. Keď sa návštevník vráti, môžete sa vrátiť do uloženého stavu namiesto vytvorenia pôvodnej stránky.