lostyazilim
tr.link

Css fixed'de hata veriyor

3 Mesajlar 933 Okunma
lstbozum
tr.link

Orifame Orifame Oriflame Danışmanı Kullanıcı
  • Üyelik 01.01.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek Oriflame Danışmanı
  • Konum Ankara
  • Ad Soyad E** Ç**
  • Mesajlar 343
  • Beğeniler 69 / 42
  • Ticaret 2, (%100)
Merhabalar,
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}
 

 

wmaraci
reklam

WMF WMF erayemrah.com Kullanıcı
  • Üyelik 14.10.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Öğrenci
  • Konum Sinop
  • Ad Soyad E** E**
  • Mesajlar 28
  • Beğeniler 0 / 11
  • Ticaret 0, (%0)
col-right'a width ve height degeri verir misin?.

Mesela:
#col-right{
widht: 300px;
height: 100%;
}
 

 

Orifame Orifame Oriflame Danışmanı Kullanıcı
  • Üyelik 01.01.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek Oriflame Danışmanı
  • Konum Ankara
  • Ad Soyad E** Ç**
  • Mesajlar 343
  • Beğeniler 69 / 42
  • Ticaret 2, (%100)


Değişiklik olmadı, yukarıda ki gibi sağda ki mavi arkaplan yerine sol tarafa geçiyor
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)