"Cu capãtul arcurilor, trecînd,
rãzboinicii
mîngîie roua..."

Yosa Buson (1715-1783)

Nu am prea apucat să notez pe aici chestii legate de ceea ce fac, dar este momentul să încep să fac asta în perspectiva lansării noului domeniu pe care voi începe în curînd să scriu mai multe despre webdesign, software code și seo.

Pentru început trebuie să menționez că nu prea folosesc Opera. Pînă acum nu am folosit-o decît cel mult ocazional, nefiind unul dintre navigatoarele mele obișnuite. Recent am început să am de-a face cu el pentru că unul dintre clienți îl folosește în mod constant (e vorba de o întreagă echipă), așa că am avut deosebita "plăcere" să observ că imaginile din pagina pe care o făcusem nu erau afișate cum trebuie. Dacă în Firefox, Chrome și Internet Explorer apăreau exact unde trebuie, unde se dorea, în Opera cădeau (dacă se poate spune așa mutarea în partea de jos etichetei div în care erau introduse) din poziția dorită.

Motivul este simplu: Opera are o "mică" problemă cu imaginile la care este atribuită proprietatea position: relative. Nu știu dacă este un bug sau o scăpare intenționată, dar așa ceva poate da peste cap afișarea unei pagini care pare în regulă. Soluția este simplă: se stabilește position: absolute și, folosind proprietățile top și left se poziționează în interiorul etichetei div acolo unde doriți.

În CSS există 4 modalități de poziționare a oricărui element dintr-o pagină web: static, absolute, relative și fixed. Diferențele de poziționare sînt următoarele:

poziția statică (position: static) este poziția predefinită a elementului, iar dacă nu este stabilită o altă poziționare vafi afișată pe ecran pe baza locului în care apare în documentul html. Dacă veți dori să aplicați asupra elementului alte proprietăți precum left și top (stabilește poziția în funcție de marginea din stînga și de sus a elementului superior) ele vor fi ignorate.

poziția absolută (position: absolute) este cea mai facilă poziție: elementul este scos din poziția sa în cadrul celorlalte elemente ale paginii (dar fără să le afecteze în vreun fel) și este poziționat pe o locație exactă de pe pagină. Pot fi aplicate alte proprietăți precum left, top, right și bottom (stabilește poziția în funcție de marginea din stînga, de sus, din dreapta și de jos a elementului superior).

poziția relativă (position: relative) are ca reper poziția în care este elementul în cadrul elementelor încarcate pe pagină și folosește left, top, right și bottom pentru o poziționare mai precisă.

poziția fixă (position: fixed) este foarte asemănătoare cu poziția absolută, este calculată în funcție de marginea ecranului dar elementele fixe rămîn așa mereu. Toate celelalte elemente vor fi afișate deasupra lor (de exemplu: un timbru-watermark sau imaginea dintr-un fundal).