PixMe WeBLog

Articole ‘dimensionare poza backgound’

Hashitelemeu’… ma-siii…

20 octombrie, 2009 |

Ma chinuiesc de vreo saptamana sa stretchuiesc o poza pe backgoundul urmatorului meu proiect. Un site pe care o sa vi-l prezint mai tarziu. Nu stiu daca e cineva interesat de HTML, CSS si tot restul… cert este ca am rascolit Googleu’ dupa o solutie prin care sa maresc poza de fundal astfel incat sa intre pe toata partea vizibila a browserului.

Solutia nu exista pur si simplu. Sau exista dar trebuie sa folosesti un DTD ciudat (cel putin pentru mine):
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

Asta imi buseste toate aliniamentele tabelelor de pe acolo… asa ca… am renuntat la el. L-am lasat pe ala clasic si am descoperit ca e practic imposibil sa maresti poza de fundal pana la dimensiunile browserului… sau ale lui <body>, in fine…

Am incercat solutia 2… divuri… z-index, position absolute, relative… ie5, ie6, ff…. ktt… nimic, nimc. Ba imi strica meniurile, ba headerul, ba footerul sau chiar tot layoutul. Uneori mergea pe FF alte ori pe ie… etc. etc. etc … stiti voi . Pur si simplu cand ai folosit atributul backgound-image, pentru orice tag vreti voi, nu e posibil sa zici ceva de genul: stretch, sau image-width… asta e!

Pana cand… BUM, de dimineata mi-a venit o idee. Daca poza de fundal ar fi mai mare ca backgoundul? Iar acesta din urma ar avea width si height 100% cu position fixed?… n-ar fi o mancare de peste?… Si intr-adevar… este. Browserele stiu sa micsoreze imagini puse ca background dar sa le mareasca… NU …

Astfel inchei o saptamana fericita, in curand va voi prezenta noul site/proiect

PS. Poate ar trebui sa scriu articolul si-n engleza… pare un subiect cautat!