Diskuze: Dynamická výška
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Tvůrce

Zobrazeno 14 zpráv z 14.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Table Height 100% ?
Statický se to volá z jiného důvodu, že se nemění zdrojový kód
stránky, ne její velikost
Tabulkový layout je popsán zde: http://www.itnetwork.cz/…ticky-layout
Řeším stejný problém. Mám pomocí div rozdělený layout na levou a pravou část, v pravé části mám 3 pod sebou, z toho jsou horní dva s absolutní výškou a spodní je Iframe, do kterého se načítá různý obsah, tedy o různé výšce. Myslel jsem, že když mu dám Height: 100%, tak si vždy vezme celý zbytek + navíc to co ještě potřebuje. Místo toho se naopak smrskne do úzkého pruhu, přesto, že tam má dost volného prostoru. Jedíný způsob jak se mi jej podařilo roztáhnout je zadáním absolutní výšky. Pak ale dojdu ke stejnému problému jako Raiper34 s posuvníkem v buňce. Snažím se to řešit pomocí JavaSkriptu, ale chybí mi 7.díl tutoriálu popisující práci s DOM (tímto chci poděkovat sdraco za předchozí a zároveň apelovat na další díl).
nevím jestli to tu půjde ale zkoušels
min-height: 500px; ?
^^vždy bude výška 500px a když by bylo potřeba více tak se div nebo na co to dáš zvětší
A co tu stále řešíte? Již jsem několikrát psal že to tu je hotové ke stažení, iframe se resizuje s výškou stránky.
Tak jsem prohledal fórum "webové technologie" do roku 2010. Prošel jsem
některé tutoriály, které se mi zdály adekvátní k tématu a odkazy, které
se ve fóru objevily. Možná jsem slepý, ale nikde jsem řešení ohledně
autoresize iframe dle výšky stránky (v mém případě výšky divu)
nenašel. Resp. jsou tu témata s daným problémem, ale nakonec se tam řeší
něco jiného. Tímto bych rád požádal o odkaz na dané řešení.
Děkuji
Je skvělé, že jsi prohledal celé fórum, ale odkaz jsem psal do tohoto
vlákna o 5 příspěvků výše
Takže jsem měl pravdu. Jsem slepý, protože jsem si přečetl první větu příspěvku a další mi už asi opticky zapadla mezi doplňující text typu "Odpovědět" atd.
Vrátím se k problému. Tento tutoriál jsem také četl. Přesto jsem jej znovu prošel a zarazil jsem se u věty "Je nutné nastavit výšku 100% i buňce tabulky, ve které je rámec, jinak nebude roztažený na výšku." To jsem samozřejmě zkoušel také a nic, jenže ona musí mít nastavenou výšku 100% nejen nadřazená buňka, ale celá hierarchie vnořených prvků. Tzn. html, body, div, ... , až po iframe. Stačí jeden vynechat a nefunguje to.
Takže jsem se sice o kousek poposunul, jenže teď je ten iframe včetně
nadřazeného divu mnohem vyšší než je skutečná velikost vnořené
stránky a přesahuje a překrývá mi vše směrem dolů, včetně patičky,
jak kdyby ignoroval všechny rozsahy (včetně html a body).
Přesto díky za podmět a já se s tím jdu dál poprat.
Já vím, ale můj layout je složitější a místo tabulky používám div.
Původně jsem to měl v tabulce, ale připadá mi to krkolomné. Když odstraním buňku, musím zbytek tabulky dorovnávat, když odstaním div, tak akorát zkontroluji jestli se mi to někam nepohlo. A chci to i do budoucna, protože se chci zkamarádit s JS a PHP a tam, jak jsem pochopil s tabulkových layoutem nepochodím.
Bez tabulky to nejde, je to tam vysvětlené, div se chová jinak. S iframe také nepochodíš pokud to chceš do budoucna. Buď se nauč PHP nebo tam udělej tabulku a iframe, jinak to nejde.
Zdravím. Odkaz na stažení neexistuje Šlo by to tu nasdílet znovu?
Děkuji moc!
Zobrazeno 14 zpráv z 14.