Milan Kryl

Kryl Blog - RSS

Flexibilní plovoucí boxy

02. 04. 2004 - 06:29

Již dávno bylo zmiňováno jak využít plovoucí boxy např. pro galerii a nebo pro cokoliv jiného, co se má přizpůsobovat stránce. Já mám například podobně řešené skupiny odkazů.

Nevýhoda tohoto řešení je, že pokud máte okno prohlížeče hodně úzké, že se vám na řádek vleze pouze jeden box, tak zbytek není zaplněn ničím. Vzníká vám prázdné nevyužité místo.

To se snaží řešit Dunstan Orchard ve svém příspěvku Flexible Floats 1, Flexible Floats 2 a Flexible Float 3.

Základním nápadem je, že při nedostatečné šířce pro dva prvky na řádce je plovoucímu boxu změněna šířka přes celé volné místo. To se děje až po načtení stránky Javascriptem. A totéž se volá při události onResize

Po zveřejnění prvního nápadu bylo vše dvakrát doladěno, ale podrobnosti si najděte ve zmíněných příspěvcích. Jako velká nevýhoda mi připadá (aspoň v prohlížeči MSIE), že obrázky jsou při změně velikosti prohlížeče načítány znovu. (nebo to tak aspoň vypadá) Ale jinak jistě zajímavý nápad.

 

Tip: Krátké zprávy a zajímavosti (rychlý přístup https://kryl.info/kratce)