• 08-12-2013, 10:10:15
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    masaüstü tarayıcılarda footer div im sorunsuz yüzde yüz genişlikte olmasına ragmen mobil tarayıcılarda sağda boşluk kalıyor yardımcı olurmusunuz arkadaşlar.

    CSS Kodları :
    #footer {
    	background-image: url(../images/footer_bg.png);
    	height: 280px;
    	background-repeat: repeat-x;
    	background-position: left center;
    	width: 100%;
    
    	
    }
    .mobile #footer {
    	background-image: url(../images/footer_bg.png);
    	height: 280px;
    	background-repeat: repeat-x;
    	background-position: center center;
    	width: 100%;
    	overflow:hidden;
    }
    #footer_iskelet {
    	width: 1000px;
    	margin-right: auto;
    	margin-left: auto;
    	margin-top: 0px;
    	margin-bottom: 0px;
    }
    #copyright {
    	color: #98957C;
    	font-size: 14px;
    	font-weight: lighter;
    	bottom:20px;
    	line-height: 35px;
    	text-align: center;	
    }
    #footer_blok {
    	list-style-type:none;
    	padding-top: 53px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	display: block;
    	margin: 0px;
    }
    #footer_blok li {
    	width: 280px;
    	padding-left: 5px;
    	float: right;
    }
    
    
    #footer_blok li .blok_baslik {
    	display: block;	
    	font-size: 16px;
    	font-weight: bold;
    	color: #FFF;
    	text-decoration: none;
    	height: 24px;
    	line-height: 24px;
    }
    #footer_blok li ul {
    	margin: 0px;
    	padding: 0px;
    	list-style-type: none;
    }
    #footer_blok li ul li{
    	background-image: url(../images/menu_li.gif);
    	background-repeat: no-repeat;
    	background-position: left center;
    	padding-left: 15px;
    	}
    #footer_blok li ul li:first-child {
    	margin-top:18px;
    }
    #footer_blok li ul li a {
    	
    	font-size: 12px;
    	font-weight: lighter;
    	color: #FFF;
    	text-decoration: none;
    	line-height:20px;
    }
    #footer_blok li ul li a:hover {
    	color:#EAEAEA;
    	}



    ÇÖZÜM :

     margin: 0px;
    display:table;
    Kullanınca düzeldi arkadaşlar... cevap yazan arkadaşlara teşekkür ettim...
  • 08-12-2013, 10:18:42
    #2
    lınklerın oldugu dıv genıslıgı fazla ıse ondanda yapabılır
  • 08-12-2013, 10:24:21
    #3
    Modexi adlı üyeden alıntı: mesajı görüntüle
    lınklerın oldugu dıv genıslıgı fazla ıse ondanda yapabılır
    linklerin blok kuralı :
    #footer_blok li {
    width: 280px;
    padding-left: 5px;
    float: right;
    }

    Göürüldüğü gibi herbir blok 285 piksel yapıyor. 285 * 3 = 855 piksel oysa benim footer iç kalıbı : footer_iskelet 1000 piksel genişliğinde. sanırım başka bir sıkıntı var gibi...
  • 08-12-2013, 12:41:47
    #4
    Bi link verirsen özelden ya da buradan yardımcı olayım
  • 08-12-2013, 13:41:17
    #5
    Hapsher adlı üyeden alıntı: mesajı görüntüle
    Bi link verirsen özelden ya da buradan yardımcı olayım
    p.m. gönderildi... teşekkürler...