Archive február 2009

Pozicionálások a gyarkorlatban, haladó VII. : Vertikális középre igazítás ( 1,502 olvasás ) 0

feb22

Középre igazításkor alapvető feladat, hogy egy elemet annak legközelebbi őt tartalamazó pozicionált ősének vertikális közepére igazítsuk. Túl az előbbin, cél még, hogy a középre igazítás automatikus legyen, azaz a tartalamzó elem magasságának változásákor, ne kelljen az elemet folyamatosan kézzel újra és újra középre igazítsuk. E két célnak próbálnak megfeleni a bejegyzésben szereplő minták.

Essünk is túl a már szokásos a feketelevesen, ie6-ie7 netrenderer-el által generált kimenet, a render-ből generált képből kiderül, -hasonlóan a korábbi jegyzetekben szerepelt mintákhoz- ie6 képtelen az abszolút pozicionált elemek középre igazítására, ie7 alatt kezdtek a dolgok rendbe jönni, de még itt sincs lehetőségünk méretezett elemek középre igazítására, kizárólag széthúzott abszolút pozicionált elemekkel tehetjük ezt meg (height:auto), ie8,opera,safari,chrome,fx2-3 (utolsó publikus verziók), a jegyzetben szereplő minták egyformán jelennek meg.

tovább … »

Pozicionálások a gyarkorlatban, haladó VI. : Alulra igazítás majd eltolás ( 928 olvasás ) 0

feb15

Nézzük is mire is számíthatunk: ie6-7 render egymás felett, netrender-el , egyedül talán a tartalommagas abszolút pozicionált elem néz ki hasonlóan, de böngészőfüggetlenségről ez esetben nem beszélhetünk (azért ne írjuk le végleg a bejegyzésben szereplő mintákat, hiszen ie6 kivételével minden böngészőben ie7-8, opera, safari, chrome azonosan működnek). További megkötést jelent, hogy statikus tartalommagas elemet alulra igazításhoz nem használhatunk, ennek pozícióját a böngésző ill. az elem normál szövegfolyambeli pozíciója határozza meg.

A minták minden egyéb tekintetben szimmetrikusak a fentre igazítás mintáival, a margin-top,top és a maring-bottom,bottom értékek cserélődnek fel, lássuk is :

tovább … »

Pozicionálások a gyarkorlatban, haladó V. : Felűre igazítás majd eltolás ( 791 olvasás ) 0

feb14

S02E01 …. :)
Folytatván az igazítások ill. a pozicionálások a gyakorlatban, haladó minták leírását, a bal, jobb, középre igazítás után a felűre igazítás mintája következik. Egyből a lényeg : a netrenderer által generált ie6-7 összehasonlító ábrát megszemlélve : a következtetés, ez a minta bizony korántsem nevezhető böngésző függetlennek, ennek ellenére alapszinten, az abszolút pozicionálást ebben az esetben kerülve, s -egyelőre- jobb híján be kell érnünk vele.

tovább … »

b{}xm{}dels.toxin.hu is powered by WordPress and the original FREEmium Theme.
developed by Dariusz Siedlecki and brought to you by FreebiesDock.com