mobilde kenar boşlukları

[aybars]

üstad smf mobil hale getirmek için responsive_curve kullandık. tek bir sıkıntımız var. o da iki yanda boşluk var ve buna nasıl müdahale edebilirim? Boşlukları nasıl doldurabiliriz?

[tarantula901]

Yanda boşluk dediğin forumların olduğu kısım olan sağ ve sol alanda beyaz alan sanırım.

üst header kısımdaki sol tarafın boşluğu için

Kod Seç Genişlet

#header {
    background: #fff;
    padding-left: 20px;
    border-radius: 9px 9px 0 0;
}
header altındakı forumların sol tarafındakı bosluk ıcın

Kod Seç Genişlet

#content_section {
    background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
    padding-left: 20px;
}

forum sağ tarafın boşluğu için

Kod Seç Genişlet

element.style {
}
#content_section div.frame {
    background: url(../images/theme/frame_repeat.png) repeat-y top right;
    display: block;
    padding: 0 20px 0 0;
}
header sağ taraf bosluk ıcın

Kod Seç Genişlet

#header div.frame {
    background: #fff;
    display: block;
    padding: 5px 20px 0em 0;
    border-radius: 0 9px;
}
padding de olan 20 sayıyı istediğinizle değiştirin.

kodları index.cssde arama yapın

[aybars]

üstad üst hariç her taraf harika oldu. sadece üst olmadı.

[tarantula901]

Kod Seç Genişlet

#top_section {
     min-height: 65px;
    overflow: hidden;
    margin-bottom: -17px;
}
margin-bottom  istediğiniz sayıyla değiştirip deneyin

[aybars]

olmadı üstad bir sürü sayı denedim bişi engelliyor sanki.-30 bile yaptım:=)

[tarantula901]

şu şekilde kodu değiştir.

Kod Seç Genişlet

#top_section {   
    overflow: hidden;
    margin-bottom: -17px;
}

sonra haber ver kntrol edeyim

[aybars]

oldu üstad sağ olasın.ellerine sağlık.

[aybars]

üstad diğer yaptıklarımızdan dolayı sanırım sağ ve sol mobil boşuklar bozuldu artık 20px de yok oynayacağım.sağ ve solda boşluklar oluştu ve ayrıca sol tarafta sağdaki gibi yukarıdan aşağı inen sınır çizgisi de kayboldu özellikle mobilde.

hem sağ ve sol boşluk hem de soldaki çizgi işini nasıl hallederiz. :((

[tarantula901]

Bu bahsettiğin yer tam olarak neresi, ekranın ortası kısmından da görünecek şekilde resim at.

[aybars]

Çizdiğim yerleri nasıl genişletme yapabilirim

[tarantula901]

Sitenin sağ ve sol taraflarında boşluk mu istiyorsunuz, bu şekilde güzel görünüyor bana göre yinede istiyorsanız.

[aybars]

Sitenin sağ ve sol taraflarında boşluk mu istiyorsunuz, bu şekilde güzel görünüyor bana göre yinede istiyorsanız.

Sitenin sağ ve sol taraflarında boşluk mu istiyorsunuz, bu şekilde güzel görünüyor bana göre yinede istiyorsanız.

sağ ve solda biraz boşluk var onu yok etmek istemiştim.

[tarantula901]

responsive.cssde ara

Kod Seç Genişlet

@media screen and (max-width: 720px)
body {
    padding: 0 !important;
    min-width: 200px !important;
    max-width: 720px;   
}
değiştir.

Kod Seç Genişlet

@media screen and (max-width: 720px)
body {
    padding: 0 !important;
    min-width: 200px !important;
    max-width: 720px;
    margin: 3px;
}
3px olan kısmı istediğiniz şekilde değiştirin.

[aybars]

üstad ben de index.css bu kod yok. :'(
bu var.

@media screen and (max-width: 720px) {

.gizle{display:none;}

}

[tarantula901]

Ben index.cssde demedim zaten :D