..ønsker du at placere din scrollbar i venstre side og IKKE i højre side, som er standard, gøres dette let. (Virker ikke i Mozilla/Firefox).
Du skal blot indsætte flg. kode i din CSS: direction:rtl
OBS! Når du sætter direction:rtl, skal den sættes på
HTML,
derefter skal du sætte direction:ltr på BODY, ellers venstrejusteres
din tekst også, hvilket ser ret underligt ud.
F.eks. vil din browser sætte dine punktummer før din tekst ;)
Indsættelse i ekstern CSS fil
Jeg har valgt at farve min scrollbar blå, hvilket jeg bestemmer, med flg. i min eksterne CSS
fil. (Farve-manipulering af scrollbaren understøttes ikke af ret mange andre browsere end IE)
html {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: Blue;
scrollbar-shadow-color: Blue;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: Blue;
scrollbar-track-color: #E6E6E6;
scrollbar-darkshadow-color: #FFFFFF;
}
Så hvis jeg ønsker den skal placeres i venstre side i stedet for, indsætter jeg flg:
html {
direction:rtl;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: Blue;
scrollbar-shadow-color: Blue;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: Blue;
scrollbar-track-color: #E6E6E6;
scrollbar-darkshadow-color: #FFFFFF;
}
body {direction:ltr;}
Indsættelse på den enkelte html side
Hvis du ikke vil benytte et eksternt stylesheet (CSS fil), kan du i stedet for indsætte koden
mellem <HEAD> og </HEAD>, på denne måde:
<style type="text/css">
html {
direction:rtl;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: Blue;
scrollbar-shadow-color: Blue;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: Blue;
scrollbar-track-color: #E6E6E6;
scrollbar-darkshadow-color: #FFFFFF;
}
body {direction:ltr;}
</style>
Se et eksempel på en side med scrollbar i venstre side.
Hent txt version af koden du skal bruge.
Siden er sidst opdateret, den 05-12-2006