Zadejte hledaný výraz...

CSS layout 100% height

Karol Smolík
verified
rating uzivatele
(5 hodnocení)
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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964520
Jakub Hamala
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964519
Jiri Soustal
verified
rating uzivatele
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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964517
Karol Smolík
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964516
Jiri Soustal
verified
rating uzivatele
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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964515
Karol Smolík
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964514
node
verified
rating uzivatele
(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
https://webtrh.cz/diskuse/css-layout-100-height/#reply964513
Pro odpověď se přihlašte.
Přihlásit