Gå til forsiden Indholdsfortegnelse på siden
Placér din scrollbar i venstre side

..ø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:ltrBODY, 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