ie de site kayıyor

PSD tasarımı CSS döktüm, site firefox, chrome da sorunsuz fakat ie de kayıyor ve tablolarda bozuluyor.





Kodlar bunlar

/* Site Genel İçerik */

body {background-color: #3e4f4f;}
a{text-decoration: none;}
img {border: 0;}
:focus {outline: 0;}

/* Genel */
#genel {width: 960px;}

/* Header */
#header  {background: url(../images/logo.png) no-repeat; width: 195px; height: 69px; margin: 10px; padding: 0 350px;}

/* Arama */
#arama { padding: 20px 0 0 192px;}
.arama {background: url(../images/arama.png); width: 251px; height: 37px; border: 0; color: #586b7a; padding: 9px 12px; }
.ara {background: url(../images/ara.png); width: 135px; height: 37px; border: 0;}

/* Üst */


/* Menü */
.menu1 {background: url(../images/menu.png); width: 940px; height: 37px; color: #fef6e2; text-align: left; margin-bottom: 10px; font: 15px Arial; margin: 10px;}
.menu  {padding: 10px 35px;}

#menu3 a {color: #fef6e2;}



/* Sağ */
#sag{float: right; width: 200px;}

/* Başlık */
.baslik1 {background: url(../images/ust.png); width: 200px; height: 33px; text-align: left; color: #586b7a; font: 14px Arial; margin: auto;}
.baslik {padding: 10px 12px;}


/* Alt */
.alt {background: url(../images/alt.png); width: 200px; height: 3px; margin-top: -1px; margin-bottom: 15px; font-size: 0px;}

	/* Üye Paneli */
	#uyepanel {background: url(../images/arka.png); width: 190px; padding: 0 5px; }
	#uyepanel a{display: block; text-align: left; padding: 5px; color: #ffffff; font: 14px Arial; margin: auto; }
	
	
	/* Kategoriler */
	#kategoriler {background: url(../images/arka.png); width: 190px; padding: 0 5px;}
	#kategoriler a {display:block; text-align: left; padding: 3px 5px; color: #ffffff; border-bottom: 1px solid #3e4f4f; font: 14px Arial; margin: auto;}
	
	/* Etiketler */
	#etiketler {background: url(../images/arka.png); width: 190px; padding: 0 5px; color: #ffffff; text-align: left;}
	.etiketler a {color: #849a16; padding: 3px 5px 10px;}
	
	
/* Sol */
#sol {float: left; width: 750px;}

/* Başlık */
.baslik2 {background: url(../images/sag-ust.png); width: 750px; height: 33px; text-align: left; color: #586b7a; font: 14px Arial; }
.baslik22 {padding: 10px;}	

/* Alt */
.alt2 {background: url(../images/sag-alt.png) no-repeat; width: 750px; height: 3px; font-size: 0px; margin-top: -1px; margin-bottom: 10px;}

	/* En İyi Videolar */
	#eniyi {background: url(../images/sag-arka.png); width:750px;}
	.eniyi {padding: 10px 0 0 13px;}
	.video {width: 140px; float: left; margin-right: 6px; margin-bottom: 8px;}
	.video img { background-color: #586b7a; padding: 1px; border: 1px solid #586b7a;}
	.eniyi-bas a {color: #ffffff;}
	
	/* Yeni Videolar */
	#yeni {background: url(../images/sag-arka.png); width:750px;}
	.yeni {padding: 10px 0 0 13px;}
	.video {width: 140px; float: left; margin-right: 6px; margin-bottom: 8px;}
	.video img { background-color: #586b7a; padding: 1px; border: 1px solid #586b7a;}
	.yeni-bas a {color: #ffffff;}
	
	/* Rastgele Videolar */
	#ras {background: url(../images/sag-arka.png); width:750px;}
	.ras {padding: 10px 0 0 13px;}
	.video {width: 140px; float: left; margin-right: 6px; margin-bottom: 8px;}
	.video img { background-color: #586b7a; padding: 1px; border: 1px solid #586b7a;}
	.ras-bas a {color: #ffffff;}

bir tane ie için css oluştur orayda şunları ekle


birinici seçenek:

.baslik1 {background: url(../images/ust.png) no-repeat; width: 200px; height: 30px; text-align: left; color: #586b7a; font: 14px Arial; margin: auto;} 
.baslik {padding: 10px 12px;}

.baslik2 {background: url(../images/sag-ust.png) no-repeat; width: 750px; height: 30px; text-align: left; color: #586b7a; font: 14px Arial; } 
.baslik22 {padding: 10px;}

bunları ekle ust taraftaki tekrarlama sorunu hallolur..






istersen alttakileri al gerekli yerlerle değiştir ama değiştirdiğinde ie deki alta dogru tekrarlama sorunu kalkar ama chrome ve mozillada o ust baslıklar 3px kuculur.. ie ile diğer tarayıcılar arasında boyle seyler oldugundan 3px kuculttum baslıkları...

ikinci seçenek:

.baslik1 {background: url(../images/ust.png) no-repeat; width: 200px; height: 30px; text-align: left; color: #586b7a; font: 14px Arial; margin: auto;} 
.baslik {padding: 10px 12px;} 






.baslik2 {background: url(../images/sag-ust.png) no-repeat; width: 750px; height: 30px; text-align: left; color: #586b7a; font: 14px Arial; } 
.baslik22 {padding: 10px;}

artık istersen birinci istersen ikici seçeneği uygularsın ama her ikisindede gordugun sorunlar ortadan kalkar.. extra ir sorun çıkarta yine ya buraya elimiden geleni yaparız..
kolay gelsin

Teşekkürler hocam 1. yolu denedim oldu şuan herşey. Bu sefer sadece arama kutusunda bi sorun var ona bakıcam. Teşekkürler tekrar

elimizden gelen birşeyse yardımcı oluruz problem değil halledemesen daha buradayım ben yardımcı olmaya çalışırım

Kayma sorunu halloldu hocam da arama kutusunuda düzelttim fakat arama kutusundaki yazının paddingini veremedim sanırım padding verince kutu kayıyor


Firefoxdaki arama kodu:

/* Arama */
#arama { padding: 20px 0 0 192px;}
.arama {background: url(../images/arama.png) no-repeat; width: 251px; height: 37px; border: 0; color: #586b7a;}
.ara {background: url(../images/ara.png) no-repeat; width: 135px; height: 37px; border: 0;}

Ie deki arama kodu:

#arama { padding: 20px 0 0 192px;}
.arama {background: url(../images/arama.png) no-repeat; width: 251px; height: 37px; border: 0; color: #586b7a; padding: 0 0 6px 0; }
.ara {background: url(../images/ara.png) no-repeat; width: 135px; height: 37px; border: 0; padding: 10px 10px; }

dostum sitenin adresini verirmisin firebug ile bakayım birde..

bu şekilde denermisin birde.. olmasa eğer sitenin adını ver ben kontrol ederim firebug ile


Firefoxdaki arama kodu:

/* Arama */

.arama {background: url(../images/arama.png) no-repeat; width: 251px; height: 37px; border: 0; color: #586b7a; padding: 20px 0 0 192px;}
.ara {background: url(../images/ara.png) no-repeat; width: 135px; height: 37px; border: 0;}

Ie deki arama kodu:

.arama {background: url(../images/arama.png) no-repeat; width: 251px; height: 37px; border: 0; color: #586b7a; padding: 20px 0 0 192px; }
.ara {background: url(../images/ara.png) no-repeat; width: 135px; height: 37px; border: 0; padding: 10px 10px; }

Hocam upload edicek biyerim yok.

yukardaki kodları ekledim fakat arma butonu kayıyor bu sefer :S

sen en iyisi bana arama kısmı ile ilgili diğer kodlarıda gönder o alanıda görebilirsem daha net birşey söyleyebilirim..