Konu Başlığı: reset.css muamması

CSS reset'lerde w300 falan olmuyor, CSS framework'ler ile karıştırdın sanırsam.
Ben de sıfırlama yapıyorum fakat kendime göre yapıyorum. Kullanacağım etiketleri veya elamanları sıfırlıyorum. Doctype koysan bile aynı render'lamıyor tarayıcılar; margin ve padding'leri farklı değerlerle render'lıyolar ve eğer tasarımdaki aynı görüntüyü yakalamak istiyorsanız 1px bile önem kazanıyor.

Yok hayır reset.CSS'nin sıfırlama amaçlı olduğunu biliyorum. Yorumu yazdığım yerdeki bağlantıda buna ek olarak bahsettiğim sınıflar eklenmişti, o yüzden yazdım onları.

Benim asıl merak ettiğim sen sonrasında, atıyorum, h5'in margin vs. değerlerini ayarladıysan bunu başta sıfırlamanın nasıl bir faydası olduğu? Hatta açıkçası tüm tarayıcılar varsayılan aynı padding ve margin değerlerini kullanmasa bile(ki kullanıyorlar gördüğüm kadarıyla) "sıfırlama"nın çok saçma olduğunu düşünüyorum. Çünkü bir elemanı yerleşim için kullanacaksan zaten 0 margin ya da paddingle kullanmazsın çok büyük bir ihtimalle. Siten süper dinamik içeriklere izin veriyor falansa da yine başlıkların ya da listelerin her türlü aralık ve girintilerinin 0 olması saçma.

Bu yüzden hala ikna olamadım açıkçası =)

reset.CSS yerine browsera göre tanımlamalar yapabilirsin..

örneğin

ff için ; margin-top:10px;

ie7 için : @margin-top:10px;

ie6 için : _margin-top:10px; gibi değerlerle oynarak farklı browserlara göre ayarlamanı yapıp birebir oturtabilirsin..

son olarak 3 ünden biri ile oynama yapınca diğerlerinde kayma patlama gibi sorun olmaz... gönül rahatlığı ile değerlerle oynarsın...

Peki bunu neden normal CSS dosyamda yapmıyorum da ayrı bir dosya kullanıyorum, derdim o =)

BYK tarafından gönderilen mesaj:

Peki bunu neden normal CSS dosyamda yapmıyorum da ayrı bir dosya kullanıyorum, derdim o =)

Ayni CSS dosyasida olabilir. Ayrilmak zorunda degil. Fakat her seferinde bastan baslamaktansa, kendi elinin altinda sürekli kullanacagin bir framework olmasi daha iyi degil mi?

Acikcasi CSS reset kullanmamin tek sebebi, piyasada var olan onlarca browserin default degerleri ayni olarak okuyacagi gercegine pek inanmamam. Yahoo ve Eric Myer tarafindan tavsiye ediliyor olmasi ise ayri bir neden CSS reset kullanmamda

Nedenine gerekli sorusuna gelince [Link]

musabalta tarafından gönderilen mesaj:

reset.CSS yerine browsera göre tanımlamalar yapabilirsin..
örneğin
ff için ; margin-top:10px;
ie7 için : @margin-top:10px;
ie6 için : _margin-top:10px; gibi değerlerle oynarak farklı browserlara göre ayarlamanı yapıp birebir oturtabilirsin..
son olarak 3 ünden biri ile oynama yapınca diğerlerinde kayma patlama gibi sorun olmaz... gönül rahatlığı ile değerlerle oynarsın...

Bu degerleri eklediginiz anda CSS dosyasinin gecerlilik testini gecemeyecektir.

Hemen herşeyin margin ve paddingini zaten kendimiz veriyoruz.
Sıfırlayıp margin-padding vermek margin-padding verip sıfırlamaktan daha az kod gerektiriyor.
Gözden kaçma ihtimalleri de azalıyor. Tabi resetlemenin de * gibi saçmalıklar yapmadan ve su kaçırmadan yapılanı makbül. Yahoo reset bu konuda yeterli geliyor bana.

benim "reset.CSS" bakışım ve sıfırlama tercihim:

fieldset, table, tr, td, body gibi bazı taglar margin:0; border:0; yapmak gerekiyor bazen. zira özellikle ie6-7 table, fieldset ve body için varsayılan olarak sıfırlamıyor (gerekli bir nedeni de olabilir). dolayısıyla bu elemanlar ile çalışırken çalışma ortamımı öncelikle sıfırlayıp hazır hale getirmek ve kaymaları önlemek için sıfırlamamı ayrı bir dosya veya inline yazarım.

Sıfırlamayı ana CSS dosyalarımın herhangi birine dahil edebilirim tabi ama ben ilk olarak bu işllemin yapılmasında fayda görüyorum. çok yavaş bağlantılarda CSS dosyasına erişim için bir zaman geçecek ve bu kısa da olsa bir titremeye neden olabilecektir. Bu yüzden biraz da psikolojik, hemen ilk olarak sıfırlarım gerekli gördüklerimi.

Ayrıca kodamandaki o kodamandaki reset.CSS çok saçma gerçekten.

Üşendiğim zaman şunuN gibi yapıyorum her şeyimi tekrar kendim ayarlıyorum (zaten öyle yapmıyor muyuz sanki?)

Kod:

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

bunun için ayrıca satırlar dolusu bir reset.CSS hazırlamanın ve hatta buna hususi bir ad vermenin anlamı yok gibi.

Sıfırlamamın gereksiz olduğunu söylemiyorum tabiki.

Not: bu en gerekli gördüğüm şeylerin sıfırlandığı bir kod parçasını denemeniz de fayda var:

Kod:

body{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%; bordeR:0; margin:0; padding:0;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

bazen Meyer'in yazdığı bu uçuk sıfırlamayı dahi kullandım. Daha rahat çalışmamı sağlıyor. Her elemanı kendime göre tekrar şekillendirmek daha mantıklı.

http://www.css-reset.com/css/meyer.css

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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

"reset.CSS"'in gerekli mi gereksiz mi olduğuna dair net bir yorumum yok aslında, zira benim resetleme ile asla işim olmuyor çünkü arayüz kodlamıyorum.

Ancak, arayüz kodlayan arkadaşlar için, browser farklılıklarını ortadan kaldırmak elzem bir durum. Bunun için adına ne denirse densin belirli bir CSS kurallar bütünü kullanmak gerekir diye düşünüyorum.

Ha, bunun ayrı bir dosya olmasının sebebi nedir? Sevgili byk dostum seninle bu konuda hep bi tartışma içerisindeyiz zaten. : )

Okumayı kolaylaştırmak, hiyerarşiyi netleştirmek, modifikasyonu ve kodun taşınabilirliğini arttırmak için tabiki.

Belki şöyle örneklersem kafanda daha net bir şekil oluşabilir;

Farklı amaçlara hizmet eden CSS kodlarını farklı dosyalara ayırmamak, bir uygulamada config.cs ile main.cs'yi ayrı tutmamak ile aynı kapıya çıkar diyebilirim.

Bilmem anlatabildim mi? : )