Prekvapujúci fluidný layout

You may also like...

11 komentárov

  1. SuE píše:

    na tom uxmag se mi nic nepřesýpá :-(
    ale tady máš hezký píseček pro tahání myšičky :-)
    http://cssliquid.com/

  2. rony píše:

    mne tie stvorce sa presypali podla toho aku sirku okna som mal.
    takze raz to bolo 5 vedla seba a raz 3
    hodne pekne to bolo.

  3. Piki píše:

    Ten uxmag sa veru nepreskladal. Pekne zobrazil posuvník dole. FF 1.5 aj IE 6 aj O8čosi. Klasická hnusná stredová 800. Ak potrebuješ príklad, môžeš si ho u mňa napísať ;-) Dva fluidné by som potreboval.

  4. rony píše:

    [3] sakra, tak preco to mne funguje?
    skusal si naozaj menit sirku okna?
    Ono mi to funguje takto: zmenim sirku okna, vnutri sa nic nedeje. Pustim lave tlacitko mysi, ktorym som drzal okraj okna. A vtedy sa boxy presypu.
    Pokial vam to nerobi asi si to ale viete predstavit ;-)
    Je to u neho riesene javascriptom – po nacitani stranky presype layout.

  5. Piki píše:

    Už je jasne kde je problém. Hraničná hodnota pre preskupenie je cca 1030px (zistené pokus-omyl, lekárnik naozaj nemusí vedieť javaskript:-). Takže normálny 4:3 LCD už pri obvyklom laptopovskom rozlíšení 1024×768 po načítaní celej stránky hneď spustí ten skript a preskupí stránku. Na širokouhlom displeji s rozlíšením 1280×800 sa na maximalizovanom okne už zobrazí plná šírka a preskupí sa to až pri zmenšovaní okna, tak ako píšeš.
    #
    Celkovo krásna idea, ale zbytočne skoro nechajú preorganizovať obsah, prípadne mohli vymyslieť ešte jednen skok pri cca 780px. Akokoľvek, je to konečne prvý dizajn, ktorý nediskriminuje ľudí, ktorí investovali do poriadneho monitora.

  6. dusoft píše:

    No, problem s pouzitelnostou znamena, ze je to zle naimplemetovana idea. Pouzitie javascriptu len kvoli dosiahnutiu efektu je blbost.

  7. rony píše:

    [6] netvrdil by som, bez toho javascriptu je stranka funkcna. Tvrdis, ze nie? ;-)
    Navyse bol pikiho a Suein problem odhaleny: maju maly monitor, kde to nemalo sancu zafungovat :-)
    Takze stranka je okej, implementacia je okej. Averzia k javascriptu vzdy a vsade okej nie je ;-)

  8. SuE píše:

    na collylogic to mají taky a dává tam to řešení k volnému použití (jen se musí do toho obšlohnutého js napsat, že je převzatý od nich):
    http://www.collylogic.com/?/comments/redesign-notes-1-width-based-layout/
    tam je to vidět i na „malém“ monitoru … tss, prý malý, 17″ je tak akorát :-)

  9. dusoft píše:

    Nie, ale kym sa neda riesit preklapajuci sa layout cez CSS, tak je to zas len hack.
    Rozmyslam, ci by to neslo riesit za pouzitia max-width rodica a plavajucich divov-deti.

  10. dusoft píše:

    Lebo, ako boli robene vyskumy, neoplati sa roztahovat do nekonecna. Ak mas suvisly text na velku sirku, zle sa to cita… Ale vsak to je nam jasne, dufam ;-)

  11. rony píše:

    [10] poskumaj web jednej banky a uvidis tam plavajuce boxy (bohuzial na fixnom materskom prvku)
    je to skoro, to, co si chcel povedat :-)