CSS Sidebar Bozukluğu

12.02.2014 13:43

turansonkaya WM Aracı Kullanıcı

Üyelik 18.11.2013
Yaş/Cinsiyet 33 / E
Meslek Bilgi İşlem
Konum İstanbul Anadolu

Ad Soyad T** S**
Mesajlar 291
Beğeniler 62 / 52
Ticaret 2, (%100)

Temanın Css dosyası içine kaydet



---------------------------------------------------*/

.clearfix:after {

    content: "."; 

    display:block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clear {

	clear: both;

}



.noclear {

	clear: none;

}

index.php dosyasında kodundan önce ve sonra

kodunu ekle.
Sanırım bendeki hata bununla düzelmişti.

Yok dostum olmuyor temanın şuan görünüşü şu halde;

12.02.2014 13:45

#12

Mintik WM Aracı Kullanıcı

Üyelik 27.01.2014
Yaş/Cinsiyet 40 / E
Meslek Desinatör
Konum İstanbul Avrupa

Ad Soyad A** U**
Mesajlar 256
Beğeniler 72 / 71
Ticaret 0, (%0)

turansonkaya adlı üyeden alıntı

Yok dostum olmuyor temanın şuan görünüşü şu halde;

İnternet bağlantımda problem var yüklediğin resimleri göremiyorum.

12.02.2014 13:46

#13

turansonkaya WM Aracı Kullanıcı

Üyelik 18.11.2013
Yaş/Cinsiyet 33 / E
Meslek Bilgi İşlem
Konum İstanbul Anadolu

Ad Soyad T** S**
Mesajlar 291
Beğeniler 62 / 52
Ticaret 2, (%100)

Mintik adlı üyeden alıntı

İnternet bağlantımda problem var yüklediğin resimleri göremiyorum.

Anladım teşekkürler hocam başka birinden yardım beklemekten başka bir seçeneğimiz yok.

12.02.2014 16:32

#14

Mintik WM Aracı Kullanıcı

Üyelik 27.01.2014
Yaş/Cinsiyet 40 / E
Meslek Desinatör
Konum İstanbul Avrupa

Ad Soyad A** U**
Mesajlar 256
Beğeniler 72 / 71
Ticaret 0, (%0)

turansonkaya adlı üyeden alıntı

Anladım teşekkürler hocam başka birinden yardım beklemekten başka bir seçeneğimiz yok.

Yazıların olduğu çerçeve ve sidebarın olduğu çerçevelerin genişliğini kontrol ettiniz mi ? Resimden anladığım kadarıyla böyle bir sorun var. Yan bu iki çerçeve yan yana aynı çerçeve sığmıyor gibi görüntü var.

.genelcerceve {
width : 1000px;
}
ise

.sidebar{
width:300px;
}
.yazıcercevesi {
700px;
}

şeklinde yapmayın. Bir kaç piksel hem sidebar çerçevesinden hemde yazıların olduğu çerçeveden düşürün. 690px ve 290 px uygun olur.

Sadece bunlar değil tabi kontrol etmeniz gereken başka yerler de var. Mesela çerçevelere verdiğiniz padding değerlerini kotrol edin ayrıca her bir yazı için belirleidğiniz çerçeve genişliğini de kontrol edin. Sanırım belirlediğiniz genişlik değerleri bu iki çerçeveyi bir arada tutan genel çerçeveye sığmıyor.

Örnek:
genelcerceve genişlik:1000px sidebar:300px yazıçerçevesi:690px şeklinde olursa saece 1 pikselden dolayı resimde gösterdiğiniz gibi sidebar sorunu çıkabilir. Ayrıca padding de vermişseniz eğer genelçerçeve bir hayli taşar ve içine sığmayan çerçevelerden biri bu şekilde düzensiz kalabilir.

12.02.2014 16:35

#15

turansonkaya WM Aracı Kullanıcı

Üyelik 18.11.2013
Yaş/Cinsiyet 33 / E
Meslek Bilgi İşlem
Konum İstanbul Anadolu

Ad Soyad T** S**
Mesajlar 291
Beğeniler 62 / 52
Ticaret 2, (%100)

Mintik adlı üyeden alıntı

Yazıların olduğu çerçeve ve sidebarın olduğu çerçevelerin genişliğini kontrol ettiniz mi ? Resimden anladığım kadarıyla böyle bir sorun var. Yan bu iki çerçeve yan yana aynı çerçeve sığmıyor gibi görüntü var.

.genelcerceve {
width : 1000px;
}
ise

.sidebar{
width:300px;
}
.yazıcercevesi {
700px;
}

şeklinde yapmayın. Bir kaç piksel hem sidebar çerçevesinden hemde yazıların olduğu çerçeveden düşürün. 690px ve 290 px uygun olur.

Sadece bunlar değil tabi kontrol etmeniz gereken başka yerler de var. Mesela çerçevelere verdiğiniz padding değerlerini kotrol edin ayrıca her bir yazı için belirleidğiniz çerçeve genişliğini de kontrol edin. Sanırım belirlediğiniz genişlik değerleri bu iki çerçeveyi bir arada tutan genel çerçeveye sığmıyor.

Örnek:
genelcerceve genişlik:1000px sidebar:300px yazıçerçevesi:690px şeklinde olursa saece 1 pikselden dolayı resimde gösterdiğiniz gibi sidebar sorunu çıkabilir. Ayrıca padding de vermişseniz eğer genelçerçeve bir hayli taşar ve içine sığmayan çerçevelerden biri bu şekilde düzensiz kalabilir.

Değerli yorumun için teşekkür ediyorum.
"cgrclk" adlı arkadaşımızla sorunu hallettik.
Tekrardan teşekkür ediyorum, iyi forumlar...

12.02.2014 16:37

#16

Mintik WM Aracı Kullanıcı

Üyelik 27.01.2014
Yaş/Cinsiyet 40 / E
Meslek Desinatör
Konum İstanbul Avrupa

Ad Soyad A** U**
Mesajlar 256
Beğeniler 72 / 71
Ticaret 0, (%0)

turansonkaya adlı üyeden alıntı

Değerli yorumun için teşekkür ediyorum.
"cgrclk" adlı arkadaşımızla sorunu hallettik.
Tekrardan teşekkür ediyorum, iyi forumlar...

Rica ederim sevindim problemi düzelttiğine.

13.02.2014 16:37

#17

Zuperman WM Aracı Kullanıcı

Üyelik 31.10.2013
Yaş/Cinsiyet 29 / E
Meslek Öğretmen Adayı
Konum Eskişehir

Ad Soyad M** Ü**
Mesajlar 531
Beğeniler 55 / 97
Ticaret 5, (%100)

tayfun erbilenin temasını yapıyorsunuz bence ona sorun :)

Hayat seni yıkabilir ama önemli olan yıkıldığın zaman daha sağlam ayağa kalka bilmektir.

14.02.2014 08:28

#18

turansonkaya WM Aracı Kullanıcı

Üyelik 18.11.2013
Yaş/Cinsiyet 33 / E
Meslek Bilgi İşlem
Konum İstanbul Anadolu

Ad Soyad T** S**
Mesajlar 291
Beğeniler 62 / 52
Ticaret 2, (%100)

Zuperman adlı üyeden alıntı

tayfun erbilenin temasını yapıyorsunuz bence ona sorun :)

Bu zamana kadar yaptığım tasarımların bütün hepsi aynıdır, aynı contentleri kullanırım ve kategori stilleri aynıdır. Tayfun Erbilenle alakası olmayan bir şey.
Örnek olarak başka bir projemin görüntüsünü vereyim altta;

14.02.2014 14:01

#19

Zuperman WM Aracı Kullanıcı

Üyelik 31.10.2013
Yaş/Cinsiyet 29 / E
Meslek Öğretmen Adayı
Konum Eskişehir

Ad Soyad M** Ü**
Mesajlar 531
Beğeniler 55 / 97
Ticaret 5, (%100)

turansonkaya adlı üyeden alıntı

Bu zamana kadar yaptığım tasarımların bütün hepsi aynıdır, aynı contentleri kullanırım ve kategori stilleri aynıdır. Tayfun Erbilenle alakası olmayan bir şey.
Örnek olarak başka bir projemin görüntüsünü vereyim altta;

ben tartısalım diye söylemedim tasarımınızın en altı (footer ), arama kutusu vs tayfun erbilenin sitesindeki gibi görünce esinlenmiş olabilirsiniz diye düşündüm :)

Hayat seni yıkabilir ama önemli olan yıkıldığın zaman daha sağlam ayağa kalka bilmektir.

14.02.2014 14:03

#20

turansonkaya WM Aracı Kullanıcı

Üyelik 18.11.2013
Yaş/Cinsiyet 33 / E
Meslek Bilgi İşlem
Konum İstanbul Anadolu

Ad Soyad T** S**
Mesajlar 291
Beğeniler 62 / 52
Ticaret 2, (%100)

Zuperman adlı üyeden alıntı

ben tartısalım diye söylemedim tasarımınızın en altı (footer ), arama kutusu vs tayfun erbilenin sitesindeki gibi görünce esinlenmiş olabilirsiniz diye düşündüm :)

Bende tartışmak için yorum atmadım yanlış anlaşılma oldu sanırım. Tayfun Erbilen'in blogunu sürekli takip ediyorum başarılı buluyorum fakat footer kısmını ***.net'in footer bölümünde ki "İpucu" kısmından esinlendiğim doğrudur. :)

CSS Sidebar Bozukluğu

Üye Girişi Yap