Tuesday, September 02, 2008

CSS quick tip: Page Shift

Contextul: Ieri am testat puţin situl pentru Master cu responsabilul informatic de la Universitate. Cu ocazia asta, mi-a fost scos în evidenţă un detaliu mărunt, dar important, pe care eu îl neglijam.

Problema: scroll-ul vertical ce apare când conţinutul e mai abundent decât permite pe înălţime partea vizibilă şi dispare cand nu mai este nevoie de el (măcar în Firefox).

Soluţia:

         html {overflow-y:scroll;}

Later edit [20080903]: Din păcate, la validare am avut următoarea surpriză:

Sorry! We found the following errors (1)
html: Property overflow-y doesn't exist in CSS level 2.1 but exists in [css3]: scroll
În schimb este proprietatea overflow, doar că forţează şi apariţia scrolului orizontal...

Soluţia:

         html{min-height:100%; margin-bottom:1px;}

Simplu ca Bună ziua!

0 comments: