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