Bir scriptte sağ sütunu sabitlemek istiyorum.
üstte yazan id için stil dosyasına #col-right {position: fixed;}
kodunu ekliyorum. Sağ sütun arkaplanı yerinde kalırken, sütunda ekli olan içerikler sol tarafa geçip scroolbarla aşağı inmiyor, sabit kalıyor. Benim istediğimse sağ sütunda ki içeriğin yeri değişmeden sabit kalması.
Sabitleme kodunu birkaç değişik yere daha ekledim, sonuç değişmedi.
Yardımcı olabilecek var mı?
/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */
body {background-color:#fff; color:#404040}
a {color:#404040;}
a:hover {color:#000;}
/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */
#nav span {color:#DDD;}
#nav #nav-active {color:#090;}
#tray {background-color:#BFBFBF;}
#tray li a {color:#404040;}
#tray li#tray-active a {background-color:#090; color:#FFF;}
#tray li a:hover {background-color:#9F9F9F; color:#FFF;}
#search #search-input {background-color:#FFF;}
#search #search-input input {color:#404040;}
#footer, #footer a {color:#9f9f9f;}
#footer a:hover {color:#404040;}
/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */
#col-top, #col-bottom, #col {background-color:#F5F5F5;}
#cols3 .col h3 {background-color:#EEF8E4; color:#090;}
#cols3 .col h3 a {color:#090;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F5F5F5;}
#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#090;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .article {color:#090;}
#cols2 #col-left a:hover.article {color:#000;}
#cols2 #col-right {background-color:#EEF8E4;}
#cols2 #col-right h4 span {background-color:#EEF8E4;}
#col-right {position: fixed;}
/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */
.high {color:#090}