Obrázok 100% height problém

6. 10. 2012 16:13:58

Ahojte,

Mám problém, potreboval by som obrázok so 100% výškou s tým, že pred obrázkom bude ešte text ktorého výška sa môže dynamicky meniť pri iných podstránkach na webe. Obrázok by mal vždy končiť pri spodnej lište prehliadača tak, aby človek nikdy nemusel scrollovať web.

Tu je príklad toho že to nefunguje:

http://jsbin.com/ufemef/1/edit

Existuje na to nejaký script ? Dalo by sa to nejako fixnúť pomocou javascriptu ? Ďakujem pekne.

6. 10. 2012 16:13:58

https://webtrh.cz/diskuse/obrazok-100-height-problem#reply816349

Petr Zachrdla

(1 hodnocení)

6. 10. 2012 18:25:14

Půjde to zcela určitě vyřešit javascriptem, ale pohodlnější řešení bude jquery. Pomocí jquery zjistíš aktuální velikost obrazovky, odečteš od toho horní margin nebo spíš top a máš výšku obrázku. Jquery ti pomůže zajistit, že se velikost obrázku přepočítá při změně velikosti obrazovky.

---------- Příspěvek doplněn 06.10.2012 v 18:26 ----------

height:100% je 100% nativní velikosti obrázku.

6. 10. 2012 18:25:14