
Chiar daca ajungi la un nivel destul de ridicat in cunostinte de CSS se mai intampla sa gresesti, de incepatori nu mai zic. De multe ori am fost nevoit sa fac cate un script CSS pentru o pagina cat mai repede posibil dar “graba strica treaba” asa ca inevitabil si cum era de asteptat mai greseam pe ici si pe colo. Mkay, ai facut scriptul, l’ai mai folosit pana acum si mergea dar acum nu mai merge.. ce e de facut:
1. verifica daca numele fisierului .css din pagina ta corespunde cu numele real al fisierului .css sau daca calea catre fisier este definita corect in pagina ta html
2. verifica numele classei sau a divului daca corespunde cu numele definit in fisierul .css, de multe ori am patit sa definesc un div in fisierul .css iar in pagina html sa apelez acelasi nume dar o classa (. – class, # – id)
3. mai arunca un ochi pe scriptul .css si vezi daca ai scris totul corect, se mai intampla in loc de : sa pui ; sau in loc de color sa pui volor sau sa uiti sa folosesti paranteze () respectiv {} si multe alte gresi mici
4. cand definesti pozitia unui div asigura’te ca nu se suprapune cu alt div ascunzandu’se unul pe altul
Lista cu greseli e lunga, mare atentie la detalii.

cand ai un fisier css de 30k cu vreo 2000 linii, sa arunci TU un ochi… eu nu

metoda infailibila pentru debug: validator css + firebug (sau dev toolbar). fara sa-ti bati capul
O alta metoda ar fi sa dai border la toate elementele. Desigur, nu merge intotdeauna
aia cu border am folosit’o si eu de cateva ori dar nu am fost nevoit pana acum sa fac un script asa mare, recomandat este sa faci mai multe.. pe module
pentru o depanare e recomandat sa faci mai multe fisiere. pentru productie, unul singur, din considerente de viteza&trafic (mai putine requesturi http)
Ca si Ionutz, Firebug all the way, saves lives
.