Zadejte hledaný výraz...

Layout webu s prostředním blokem s flexibilní výškou

Zdravím,
požádal bych Vás o radu, jelikož nějak nemohu najít nic co by my pomohlo... Potřeboval bych docílit podobného layoutu, jako je například zde: http://victoriawe.com/ po kliknutí v menu na ABOUT...
Konkrétně jde o toto:
1. mám blok TOP, který vím, že má výšku 200px a má vlastnost POSITION: ABSOLUTE; TOP: 0px;
2. mám blok BOTTOM, který vím, že má výšku 200px a má vlastnost POSITION: ABSOLUTE; BOTTOM: 0px;
3. POTŘEBUJI mít prostřední blok MAIN, který bude mít výšku 100% mínus těch 400px, jde tohoto nějak jednoduše docílit?
V prostředním bloku mám poté vložený BACKGROUND a blok INTROTEXT, který má FLOAT: RIGHT a OVERFLOW na auto, aby se ukazoval scrollbar, pokud je text v bloku větší, než prostor na obrázku.
Ideálně bych tedy potřeboval nastavit adekvátně hodnotu HEIGHT pro blok MAIN a hodnotu MIN-HEIGHT, aby se to na malých monitorech dalo zobrazit.
Jak byste toto řešili? Napadlo mne udělat JS, který zjistí výšku aktivní plochy prohlížeče a podle toho to nastaví, ale zase přes JS to není nejlepší, když to nemusí mít každý zapnuté.
Za každou radu předem díky.
Lukáš
6. 3. 2013 18:20:10
https://webtrh.cz/diskuse/layout-webu-s-prostrednim-blokem-s-flexibilni-vyskou/#reply874639
FAKAM
verified
rating uzivatele
(10 hodnocení)
6. 3. 2013 18:40:08
Máte na mysli sticky footer?
napr: http://dreamweaverresources.com/tutorials/sticky-footer/
6. 3. 2013 18:40:08
https://webtrh.cz/diskuse/layout-webu-s-prostrednim-blokem-s-flexibilni-vyskou/#reply874638
Ano zdá se, že by to mělo být ono... Děkuji moc... nevěděl jsem jak se to jmenuje... Teď už bych to měl zvládnout... Díky
7. 3. 2013 11:32:54
https://webtrh.cz/diskuse/layout-webu-s-prostrednim-blokem-s-flexibilni-vyskou/#reply874637
FAKAM
verified
rating uzivatele
(10 hodnocení)
7. 3. 2013 12:55:44
Je toho viac na webe, treba si prejsť riešenia, ktoré najviac vyhovujú.
7. 3. 2013 12:55:44
https://webtrh.cz/diskuse/layout-webu-s-prostrednim-blokem-s-flexibilni-vyskou/#reply874636
Kdysi jsem napsal malý tutoriál, jak na sticky footer.
8. 3. 2013 13:38:24
https://webtrh.cz/diskuse/layout-webu-s-prostrednim-blokem-s-flexibilni-vyskou/#reply874635
Pro odpověď se přihlašte.
Přihlásit