CSS layout 100% height

11. 11. 2013 18:59:35

Potreboval by som zostaviť takéto dva layout-y, nemôžem sa ktomu dopátrať. Rozdielne sú len v tom, že v druhom je aj footer.

HTML

11. 11. 2013 18:59:35

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964520

Jakub Hamala

(23 hodnocení)

11. 11. 2013 19:01:05

Tak pátrej. :-)

Mohl bys sem hodit aspoň to, k čemu ses zatím dopátral.

11. 11. 2013 19:01:05

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964519

Matúš

(11 hodnocení)

11. 11. 2013 19:08:44

http://blok.net-vor.cz/paticka-vzdy-dole-pomoci-css/

http://www.alejtech.eu/sk/Blog-o-webdizajne/Prilepte-si-patu-na-spodok-stranky.alej?ind=2

http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/

http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/

11. 11. 2013 19:08:44

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964518

Jiri Soustal

11. 11. 2013 19:09:22

V rychlosti mě napadlo akorát řešit to přes jquery. Zjísti si, jestli máš na stránce footer a podle toho přiřaď height na aside

11. 11. 2013 19:09:22

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964517

Karol Smolík

(5 hodnocení)

11. 11. 2013 19:15:46

dakujem za odpovede, ale ani jeden odkaz nerieši to, čo chcem dosiahnúť.

hlavný problém je určiť výšku hlavného contentu, teda mala by byť 100% - 60px (header)

11. 11. 2013 19:15:46

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964516

Jiri Soustal

11. 11. 2013 19:32:03

tak si přes jquery vypočti height window, který přiřadíš body, html a budeš to mít v pixelech a bude to 100%. Tu samou hodnotu přes jquery přiřadíš aside -60px

11. 11. 2013 19:32:03

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964515

Karol Smolík

(5 hodnocení)

11. 11. 2013 19:36:13

Vyriešené: tu je riešenie bez jQuery http://stackoverflow.com/questions/15021573/css-get-div-to-take-up-100-body-height-minus-fixed-height-header-and-footer

11. 11. 2013 19:36:13

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964514

node

(5 hodnocení)

11. 11. 2013 20:50:06

position absolute, top 0, bottom 0 left 0, right 0 - roztiahne na celu sirku a vysku

11. 11. 2013 20:50:06

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-layout-100-height/#reply964513

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

taiwanskycaj.cz (Na doméně provozován eshop 2013-2026)

1 999 Kč

0 příhozů

Prodej provozovny čistírny oděvů a prádelny

Centrum hyperbarické kyslíkové terapie

2 900 000 Kč

0 příhozů

proteinovepivo.cz

20 000 Kč

0 příhozů

Prodej zavedené firmy na skartaci dokumentů v Berouně (cca 250 stálých zákazníků)

2 000 000 Kč

0 příhozů

Poptávky Více

Poptávka: Google Discover spadl na nulu a nevrací se, hledáme specialistu na diagnostiku a obnovu

Doporučení fotografa pro rodinné a generační fotografie v Opavě

Hledáme fotografa + kameramana/dron pro focení nemovitostí (Praha)

Hledám fotografa v Brně – trvalá spolupráce

Poptávka: Fotograf/fotokoutek na adventní akci v Sázavě

Pracovní nabídky Více

Esri Analyst/Consultant

Praha

Analyst (Application Engineer) – Bentley platform

Praha

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Nabídky Více

Kvalitní SEO za nízké ceny: PR, minisites, linkbuilding aj.

Vývoj mobilních a webových aplikací na míru

Web po dodavateli, který skončil? Převezmu ho, opravím, nebo postavím nový.

Písemná podpora (chat/e-mail), kontrola plateb a správa dat z domova (20h/týdně po večerech)

Vedení účetnictví , daňový specialista , účetní a administrativní služby