Css Resetleme ve Tarayıcı Hata Giderme

İstanbul Web Tasarım - Bilgi Merkezi - Css Resetleme ve Tarayıcı Hata Giderme

May 13th 2016 by Yusuf Alper

Css Resetleme ve Tarayıcı Hata Giderme

Günümüz web sitelerinin en büyük problemlerinden biride farklı tarayıcılarda farklı şekillerde çıkması,bu sorunun giderilmesi için css objelerinde bir takım düzenlemeler yapmanızda fayda var.Bu işlemi zaman kaybetmeden css inize ekleyeceğiniz aşağıda yer alan kodla yapabilirsiniz fakat bu kodlamada kalın italık yazma gibi bir çok öğe sıfırlanmış durumdadır.Bunun çözümü ise yazılaırınızı yayınlayacağınız alanda bir div class elementi oluşturmanız ve gerekli özellikleri örneğin kalın yazma gibi özellikleri bu css etiketi altında belirtmeniz gerekmektedir.Bunun sebibi ise daha önceden dediğimiz gibi bir çok tarayıcının uyumsuz ve etkisiz çalışmasına sadece belirli alanlarda belirli özellikleri kullanmaktan gelmektedir.

Sitenizin Tarayıcılarda uyumlu çalışması için gerekli css 0 lama şu şekildedir.

[css]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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}[/css]
Bir yazı etiketi içerisinde kalın italık gösterme işlemi ise şu şekildedir;
[css].yaziozet-ic strong {
font-weight:bold;
}
.yaziozet-ic em {
font-style: italic;
}[/css]

Bu Yazıyı Paylaş !