Tvorba webu - nastavení patičky

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: 11 úno 2009 15:44
Bydliště: Jihlava
Kontaktovat uživatele:

Tvorba webu - nastavení patičky

Příspěvek od Stene »

Ahoj, nevíte jak nastavit nějaký layout, který by byl úplně na konci (dole) stránky. Kdyby byl txt delší, než je obrazovka a bylo by to rolovací, tak aby to bylo ještě pod tím textem.
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Tvorba webu - nastavení patičky

Příspěvek od CZechBoY »

myslim že už jsem to tu jednou psal, ale už nevim kde.
no patičku můžeš nastavit přes [syntax lang=css]position: relative; bottom:0position: relative; bottom:0[/syntax] to snad není problém, ale problém je že někdy má stránka 2 řádky a někdy 200řádků, takže si tam dej před to nějakej blok s [syntax lang=css]min-height: 100%[/syntax]
pak by měla být patičky vždy dole
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Tvorba webu - nastavení patičky

Příspěvek od Myloš »

Jestli chceš patičku, která se odroluje se zbytkem stránky, viz http://weblog.plavacek.net/2005-02.html
Jestli chceš simulovat rámy, použij position:fixed
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Tvorba webu - nastavení patičky

Příspěvek od CZechBoY »

Myloš: position:fixed je to samé jako position:absolute ...
pokud bude mít dokument (text v něm) výšku třeba 5000px a patička bude mít pozici bottom:0 tak to bude vypadat opravdu pěkně ;)
na konci stránky(okna) bude dál pokračovat nějaký text a přes něj bude napsaná patička Copyright & coded by Týpek
myslím že to není to nejlepší řešení, já bych to spíš udělal tím min-height
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: Tvorba webu - nastavení patičky

Příspěvek od Myloš »

CZechBoY:
Position fixed není to samé jako absloute.
Tohle uděláš jen s fixní pozicí. (odladěno v IE 7/8, Opeře, FF a Chrome. Naopak nefunguje v IE6).

Ve svém min-height máš chyby, proto odkazuji na Plaváčka.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Tvorba webu - nastavení patičky

Příspěvek od CZechBoY »

No to je zajímavé už vím co to je position: fixed :lol:
kdyžtak mrkněte: http://www.testing.jabko.net/paticka.php
ještě zkusim ten plaváčkův příklad, ale jak jsem koukal tak to moc dobře nevypadá

EDIT: hm plaváčkova metoda ehm k ničemu si myslím ;-) je totiž stejná metoda jak ta moje, position: relative s výškou textu 100% ;-)
http://www.testing.jabko.net/paticka-plavacek.php
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: 11 úno 2009 15:44
Bydliště: Jihlava
Kontaktovat uživatele:

Re: Tvorba webu - nastavení patičky

Příspěvek od Stene »

Díky pánové, tohle už jsem vyřešil přes plaváčka..
Zamčeno
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Hra ve Scratch - tvorba
    od zuzana3 » » v Hry
    5 Odpovědi
    6362 Zobrazení
    Poslední příspěvek od zuzana3
  • Hra ve Scratch - tvorba
    od zuzana3 » » v Hry
    9 Odpovědi
    9881 Zobrazení
    Poslední příspěvek od zuzana3
  • Nastavení PC a monitoru na hry
    od Fargotroniac » » v Problémy s hardwarem
    9 Odpovědi
    6562 Zobrazení
    Poslední příspěvek od Fargotroniac
  • Dva routery za sebou nastavení
    od jan l » » v Administrace sítě
    19 Odpovědi
    12528 Zobrazení
    Poslední příspěvek od jan l
  • Putty na win - nastaveni pisma
    od L.L » » v Programy ke stažení
    2 Odpovědi
    5713 Zobrazení
    Poslední příspěvek od L.L

Zpět na „Programování a tvorba webu“