Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 13. diel - Počítanie v CSS pomocou funkcie calc ()

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Anastasia Bozhenko:20.10.2021 10:27

Ahoj!
Možná jsem udělala někde chybu, ale když zadám "height: calc(67vh);" u div2 tak výška modrého bloku o dost větší než u div 2. Musím zadat "height: calc(17vh);" aby to bylo skoro zároveň.
Ale jinak super lekce <3

Avatar
Anastasia Bozhenko:20.10.2021 13:11

Najednou se mě ty bloky se otočily, v čem je problém? kód zůstal stejný.
Děkují za radu.

Avatar
Filip Opluštil
Tvůrce
Avatar
Odpovedá na Anastasia Bozhenko
Filip Opluštil:20.10.2021 17:30

Ahoj, není to chyba, pouze při použití jednotek 'vh' záleží na velikosti okna ve kterém je stránka otevřena. V rámci lekce je nastaveno 67vh, protože potom se výsledek zobrazuje v tom malém okénku co vypadá jako prohlížeč, takže když to pak u sebe otevřeš v nové stránce na celou obrazovku je 67 daleko víc. U posunutí těch bloků nevím kde je chyba, kód vypadá v pořádku, občas to dělají třeba starší verze prohlížečů, nebo internet explorer myslím nepodporuje funkci calc() v kombinaci s display:flex. Ale to si nejsem jistý proč tohle nastalo. :)

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 3 správy z 3.