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

ErotickyNabytek.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

77 000 Kč

0 příhozů

eMarketing.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

49 000 Kč

0 příhozů

zatmaveno.cz | doména pro tónování autoskel, fólie na okna a stínicí techniku

4 000 Kč

0 příhozů

Elitni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

SpravaDIP.cz

333 000 Kč

0 příhozů

Poptávky Více

Poptávka: Fotograf/ka pro lifestyle a fashion focení s dětmi

Hledáme svatebního fotografa

Poptávám kameramana Jižní Čechy

Hledám modelku na focení v Plzni

Poptávka: Porodní fotografie na Bulovce

Pracovní nabídky Více

Vedoucí IT (CTO)

Praha

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

Atlassian Consultant (Junior/Medior)

Praha

Marketing + budování e-shopu – Boskovice, Blansko a okolí

Brno

30 000 - 50 000 Kč

Nabídky Více

Virtuální Asisentka – Cela ČR – Jednorázová/Dlouhodobá Spolupráce

Prodej aplikací Google Play

Tvorba webů, aplikací a správa serverů | Coolsoft.cz

Tvorba webů/eshopů – Shoptet, Bootstrap šalony na míru, WordPress

⭐ Vývoj WEBOVÝCH APLIKACÍ NA MÍRU (AI, CRM, intranet, sklad, reality, rezervace apod.)