İçeriğe Atla
POPÜLER ARAMALAR: reklam, pazarlama, ,
kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog
Feedburner RSS
25 Mayıs 2008

Tarayıcı Uyumluluğu İçin CSS Sıfırlama

Etiketler: , , , , , , ,
Kategori Css | 11 Yorum

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.

* { margin:0; padding:0; }
Eric Meyer Metodu

Bu metod daha çok özelliğe etki eder ve yukarıda belirttiğim gibi daha çok kullanılır. Kodumuz ise şu şekilde:

/* v1.0 | 20080212 */

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.


SEO




Yorumlar

“Tarayıcı Uyumluluğu İçin CSS Sıfırlama” için 11 Yorum

Sayfalar: « 1 2 Hepsini Göster

  • 11 yakuter

    Olsun, ders olmuştur işte :)

Sayfalar: « 1 2 Hepsini Göster


Yorum Yapın

Sponsorlar

Günün Notu

Nasrettin Hoca - Sıkarken Fıkrası Nasrettin hoca bir gün yolun kenarında kedisini yıkıyomuş.Yoldan geçen arkadaşı hocaya:
-"Hocam kediyi yıkama ölür." demiş.

Hoca aldırış etmemiş ve yıkamış. Arkadaşı dönüşte hocayı tekrar yolun kenarında görmüş.Kedi ölmüştür. Adam:
-"Hocam ben size kediyi yıkamayın ölür demedimmi?" demiş. Hoca:
-Ben kediyi yıkarken ölmediki sıkarken öldü demiş.

Rastgele Sözler Eklentisi ile oluşturulmuştur.
Facebook Friend Feed Twitter Wordpress Netvibes Linked In RSS Beslemesi

yakuter.com © 2006-2009 Erhan Yakut. Site tasarım fallendesign. Hosting sponsoru WebGrup.
Site içerisindeki içerikler izinsiz kopyalanamaz, alıntı yapılamaz.

WordPress Valid XHTML 1.0 Transitional Valid CSS! php

tracker