"

SiberKültür 101: Internet kültürü, web dedikoduları ve web tasarımı ve geliştirme konusundaki tüm açlığınızı giderir.

Reset.css ve Kurtardığı hayatlar

Henüz karşılaşmamışlar için söylüyorum, bugüne kadar css yazmak ve tüm browserlara uyumunu sağlamak için harcadığınız vakit neredeyse sıfıra düştü.

Reset.css, adı üzerinde css tanımlamalarından bazıları sıfırlıyor. Böylece, gerek Internet Explorer sürümleri, gerekse de Mozilla Firefox ve diğerleri için başlangıçta tüm elementler aynı görünüme kavuşuyorlar.

Piyasada bu türde birkaç css tanımlaması bulmak mümkün. Bunlardan en popüler ikisi Yahoo! UI Library ve Eric Mayer'in reset.css'leri. Ben ise çalışmalarımda Yahoo!'dakini kullanıyorum. Gerek işyerimde, gerekse de kişisel çalışmalarımda aldığım verimi tahmin bile edemezsiniz.

İşte Yahoo! Reset.css:


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Yorumlar

Ben de Eric Meyer'in reset.css sıfırlama aracını kullanıyorum.

Aslında Yahoo'nun sıfırlama aracını da bir denesem fena olmayacak. :)

Sonuç olarak kesinlikle kullanılması gereken birşey bu sıfırlama araçları.

"tüm browserlara uyumunu sağlamak"

# width: 480px; /* Bu kisim IE icin */
# w\idth: 400px; /* gercek deger - modern browserlar icin */

gibi css hack'lere ihtiyac duymamamızıda saglarmı :S

Tüm browserlarda uyum sağlamaktan kasıt, verilen taglerdeki özelliklerin sıfırlanmasındandır.

Bahsettiğiniz hack ise, yani box model hack, aslında büyük oranda ie 5 için yapılmıştır. malum bir web sitesi kodlarken doctype kullansanız bile ie5 bunu göz ardı ediyordu ve yukarıdaki gibi şeylere ihtiyaç duyuyordunuz. ancak ie6 ile beraber doctypelar tanınmaya başlandı ve doctype kullandığınız takdirde bu hack'i kullanmazsanız sorunlu tek browser ie5 olarak kaldı.

sonuç olarak hala ie5 kullanan bir ziyaretçi kitleniz varsa, evet bu hack'e hala ihtiyacınız var demektir.

Doctype kullanımına değinmiş Eren Emre arkadaş sitelerde hangi durumlarda hangi doctype kullanmalıyız.Yani Doctype hakkında açıklamada bulunabilir mi?Yardımcı olursa sevinirim.

teşekkürler

Merhaba arkadaşlar. ben web sitelerimi şimdi div lerle yapmaya başladım ancak browser uyumsuzluğunu çok yaşıyorum. ie8 de normalken alt versiyonlarda darma dağınık oluyor.
fire foxda da dağıtıyor. css reset denilen şey acaba bunun çözümü mü tam olarak anlayamadım. eğer tüm browserlarda uyumu sağlıyor sa bunu nasıl kullabilirim? yardımlarınızı rica ediyorum.

Bu css resetleri nasıl kullanacağız, herkes css reset var demiş ancak bu iş şöyle yapılır diye anlatan yok (en azından türkçe olarak). Css bilgisi iyi olan birisi değilim, o yüzden bazı şeyleri sallayarak yapmak istemiyorum. Bu reset uygulamasını nasıl gerçekleştireceğiz.

Yorumlama aparatı

Google Friend Connect (leave a quick comment)
loading...
Bu bilgi gizli tutulacak ve kimseyle paylaşılmayacaktır.
  • İzin verilen HTML elementleri: <a> <b> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <strong> <blockquote> <em> <br /> <img> <acronym> <p> <style> <code> <h2> <h3> <h4>
  • Satırlar ve paragraflar otomatik ayarlanıyor

Bot musun?
Üzgünüz ama korkunç botların saldırısından kurtulmak için bu soruya ihtiyacımız var.