Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.12.2012, 21:32 (UTC)    
Mesaj konusu: İ:E 8-9 ve Chrome uyumsuzluğu

İyi akşamlar merhaba http://turkislamocagi.tr.gg/ sitesini internet explorer 8-9 da açınca düzgün görünmesine rağmen chrome de açınca sayfa içeriği sol menü tarafına doğru kayıyor bu uyumsuzluğu nasıl giderebilirim (mozillada ise içerik 2 menü (sol-sağ menüler) arasında değil sayfa altında gözüküyor) bu konuda bilgisi olan varsa yardımcı olabilir mi?
Mesaj11.12.2012, 22:31 (UTC)    
Mesaj konusu:

CSS sıfırlamanın amacı farklı tarayıcılarda oluşan görüntü farklılıklarını mümkün olduğunca azaltmaktır. Tasarımda Evrensellik ve Sayılar başlıklı yazımda konuya kısmen değinmiştim fakat böyle bir konunun başlı başına üzerine düşülmesi gerektiğine inanıyorum.

CSS sıfırlama denildiği zaman akla iki metod gelir. İlki basit ve sade olan standart metod, ikincisi ise çok etkili olan ve genel olarak kabul gören, benim de tavsiye edeceğim Eric Meyer metodu.

Standart Metod
Stanfart metod için CSS dosyanızın en başına şu kodları eklemeniz yeterli. Bu kod sayesinde tüm seçicilerin varsayılan margin ve padding değerlerini sıfırlayabilirsiniz.

Kod:
* { margin:0; padding:0; }


Kod:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
 
/* remember to define focus styles! */
:focus {
   outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}


Sonuç
Standartların her geçen gün biribirine daha çok yaklaştığı teknoloji dünyasında inanıyorum ki birgün tüm tarayıcılar aynı şekilde yorumlayacaklar CSS seçicilerini veya tüm sistemlerde tek bir tarayıcı kullanılacak fakat o güne kadar sanırım kullanıcı dostu tasarımlar için daha çok çalışmamız gerekli.




Dıpnot: bazen tam ayarlamasını yapmanız ıcın hataları tek tek tum tarayıcılar dan gırış yapıp duzenlemek gerekıyor..

örnek benım ıe de sıtelerım yanlıs cıkıyordu...

Düzeltmek ıcın ıe den gırıs yapıp hataları duzenlemıstım...


Ayrıca farklı css ve html kodları bulunuyor uyumlulugu saglamak ıcın bu konuları gözden gecır..


Selametle

______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu