Obrázok 100% height problém

verified

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

verified

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

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

Pro odpověď se přihlašte.

Prodej Více

👀 Prodám satirickou, fanouškovskou FB stránku obrovským potenciálem 🔥

1 000 Kč

0 příhozů

✅ Prodám rozpracovaný projekt na super doméně – Online tržiště PR článků a linků ❗️ WWW.LINKOVIŠTĚ.CZ ❗️

1 000 Kč

0 příhozů

Prodej domény WOODOO.CZ

4 000 Kč

0 příhozů

Prodám doménu VLASOVESTUDIO.COM

2 000 Kč

0 příhozů

Prodám doménu PRASAK.CZ

2 000 Kč

0 příhozů

Poptávky Více

Koupím Vinted účty s hodnocením

Web scraping / Tvorba procesů v UI Path

Hledám grafika

Jednorázový export faktur z Abra Flexi do Pohody

UI/UX Dizajnér NEEDED!

Pracovní nabídky Více

𝗧𝗲𝘀𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

Práce z domu, Praha

Pětičlenný tým vývojářů na technologie .NET & React

Hledáme externí grafičku/grafika pro rodinnou firmu MycoMedica.cz

Hradec Králové

Hledáme medior Projektového manažera(ku)/koordinátora(ku)

Práce z domu, Praha

80 000 - 115 000 Kč

Front-end developer/ka / Kodér/ka

Práce z domu, Praha

Nabídky Více

PPC | Google Analytics | Looker Studio

PPC 👨🏻‍💻 | Facebook + Google Ads | ZÁRUKA VRÁCENÍ PENĚZ | 5+ let praxe ✅

LEVNÁ TVORBA WORDPRESS WEBŮ | E-SHOP | SEO | PPC

Nabízím službu manuálního testera vaší stránky,

Kodérské a frontenďácké práce (HTML5,CSS3,jQuery,etc etc)