b{}xm{}dels.toxin.hu

Ezt megelőző mintát kiterjesztve, a balra igazított elemen lehetséges eltolást is eszközölni, ekkor a margin-left CSS tulajdonságot, nem, ahogy az előző mintában, zéró értékre, hanem valamilyen ettől különböző negatív vagy pozitív értékre állítjuk be. Pozitív értékre állítás esetén az adott elem a jobbra/befelé fog elmozdulni, negatív érték beállítása esetén ellenkező irányba: balra/kifelé.

A minta a margin-left értéktől eltekintve megegyezik az előző bejegyzésben szereplővel:

Balra igazított méretezett statikus blokk elem

BLOKK-SZELEKTOR { position:static; text-align:left;
width:+ÉRTÉK; margin-left:±ÉRTÉK;
margin-right:auto; }

Balra igazított tartalmazóelem széles statikus blokk elem

BLOKK-SZELEKTOR { position:static; text-align:left;
width:auto; margin-left:±ÉRTÉK;
margin-right:0; }

Balra igazított méretezett abszolút elem

SZELEKTOR{ position:absolute; text-align:left;
width:+ÉRTÉK; left:0; margin-left:±ÉRTÉK;
right:auto; margin-right:auto; }

Balra igazított tartalom széles abszolút elem

SZELEKTOR{ position:absolute; text-align:left;
width:ÉRTÉK; left:0; margin-left:±ÉRTÉK;
right:auto; margin-right:auto; }

Balra igazított tartalmazóelem széles abszolút elem

SZELEKTOR{ position:absolute; text-align:left;
width:auto; left:0; margin-left:±ÉRTÉK;
right:0; margin-right:0; }

Itt már megjelennek a ie különcségei: abszolút elemet nem lehetséges tartalmazóelem szélesre állítani ie6 alatt, ie7 alatt már igen, inline szöveget nem lehet kimozgatni egy méretezett blokk elem belsejéből semmilyen ie verzió alatt.

Most sem maradhatunk példafájl nélkül.

Hajrá CSS