Predstavljam vam CSS kodo, ki divu določi drsnike, tako da le ta postane "scrollable". Ta učinek je zelo primeren za spletne strani s predstavitvijo podjetij, kjer želijo, da stran ni višja od višine resolucije ekrana, ki jo uporablja obiskovalec. Prav pride tudi pri prikazu kode, ki je velikokrat daljša od širine spletne strani.

HTML in CSS koda:

Razlaga CSS kode:

Okvirju oz. divu smo določili širino (width) in višino (height), tako, da se bodo drsniki  (scrollbar) pojavili vedno, ko bo vsebina presegala te meje. Drsnike določa vrednost overflow: auto. To vrednost lahko uporabite tudi pri tabelah (isti efekt). Za lažji prikaz sem okvirju določil obrobo, za lepši izgled notranjega besedila pa še notranji odmik od robov (padding). Tukaj bodite pozorni, saj se padding in obroba prištejeta k širini okvirja, tako da realna širina okvirja ni 150px temveč 172px (1 + 10 + 150 + 10 + 1).

O svojih CSS izkušnjah in problemih lahko načnete temo na našem forumu.