Autor Zpráva
xxxadam577
Profil
Zdravím, škáluji obrázek na menší velikost, ale v divu po něm zbude volný prostor, v ukázce je vybarven zeleně. Nevíte jak se s tímto prostorem vypořádat tak, aby tam nebyl?
jsfiddle.net/wpo6vdw2
Děkuji za odpověď
M4n
Profil *
CSS transformace neovlivňují vnější rozměry objektu. Nový bounding-box by se asi dal spočítat JavaScriptem, ale vtírá se otázka, proč nezmenšit obrázek normálně nastavením šířky/výšky?
Bubák
Profil
xxxadam577:
Zkusil jsi popřemýšlet, co děláš?
Dáš do 500px širokého DIVu result se zeleným pozadím další DIV scale (bez pozadí), ve kterém je 600px široký obrázek. Pak DIV scale včetně obsahu zmenšíš 0.7×, takže obrázek je široký 420px, a divíš se, že vedne něj je 80px široký prostor.
Pokud se divíš (zelenému) prostoru pod obrázkem, nastuduj si, kal funguje transform.

Jde to řešit různě, nejjednodušší je deklarovat požadované velikosti elementů "po staru", stačí na to matematika z 1. stupně základní školy.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: