b{}xm{}dels.toxin.hu

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.

Felűre igazított méretezett statikus blokk elem

BLOKK-SZELEKTOR { position:static; height:+ÉRTÉK;
margin-top:0; margin-bottom:auto; }

Felűre igazított tartalomszéles statikus blokk

BLOKK-SZELEKTOR { position:static; height:auto;
margin-top:0; margin-bottom:0; }

Felűre igazított méretezett abszolút elem

SZELEKTOR { position:absolute; height:+ÉRTÉK;
margin-top:0; margin-bottom:auto;
top:0; bottom:auto; }

Felűre igazított tartalomszéles abszolút elem

SZELEKTOR { position:absolute; height:auto;
margin-top:0; margin-bottom:auto;
top:0; bottom:auto; }

Felűre igazított széthúzott abszolút elem

SZELEKTOR { position:absolute; height:auto;
margin-top:0; margin-bottom:0;
top:0; bottom:0; }

Azaz, amennyiben nem akarunk konkrét magasságot beállítani, hagyjuk a height tulajdonságot : auto – értéken. Statikus helyett abszolút pozicionálás, túl a nyilvánvaló position tulajdonságbeli különbségen, abszolút pozicionálás esetében : a top, bottom tulajdonságok jelennek meg , értékük minden esetben ill. esetenként megegyezik a margin-top,-bottom tulajdonságokéval. Tartalom ill. széthúzott (tartalmazó elem magas) abszolút pozicionálás esetén, margin-bottom,bottom auto, ill. nulla értéket vesz fel.

Széthúzott abszolút pozicionálásról, ie6 esetében le kell mondanunk, és ahogy a példafájlon is látszódik statikus blokk elemeket egy adott konténerben minden különösebb nehézség nélkül értsd. a böngésző megteszi magától, egymás alá rende(re)lhetünk.

Eltolás: nagyon egyszerűen lehetséges a már igazított elemeken eltolást kieszközölni: egyszerűen a mintákban szereplő: margin-top:0 helyére margin-top: +-Értéket kell behelyettesíteni .

hajrá CSS