Soru - Cevap
Web Tasarımı Tarayıcı uyumu

İnternet kullanıcılar farklı farklı tarayıcılar kullanırlar. ( internet explorer, chrome, mozilla, safari, netscape, opera v.b. ) bu tarayıcıların varsayılan değerleri ve yorumlama şekilleri birbirinden farklıdır. Bu yüzden bazen internet explorer da düzgün görünen siteler bir başka tarayıcıda bir tarafı kaymış şekilde çıkabilir, her tarayıcıya uygun bir Web sitesi için ne yapmak gerekir?

Selman 30.12.2016 Cevaplandı

Editörün Cevabı ;

Merhaba Selman Bey,

Evet dediğiniz çok doğrudur web tasarım yapan herkesin çok sıkıntı çektiği bir web tasarım sorunudur. Yazılım yaparken taracıyı uyumuna dikkat etmek aslında basit bir işlemdir. her tarıyıcının belirli bir standartları vardır bu kodlara dikkat etmek gerekir stil dosyalarımızın en başında tüm tarayıcıların özelliklerini sıfırlamak adına reset kodları konulmalıdır.

bu kodlara örnek verecek olursak margin:0px; gibi belirli bazı kodlar konarak tüm tarayıcıların sıfırlama işlemleri yapıldıktan sonra stil yazma işlemine başlanabilir. 

Bununla ilgili bizim en çok kullandığımız reset.css kodları aşağıdadı. Belki sizlere yardımcı olabilir.
 

 
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, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
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, input, textarea {
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;
}
a {
text-decoration: none
}
:focus {
outline: 0
}
::-webkit-selection, ::selection {
background-color: #555;
color: #fff
}
.clear {
clear: both
}


Paylaşmak Güzeldir !


Bugüne kadar 16 soru cevapladık !

Facebook Sayfamız
Blog Kategorileri
Twitter Sayfamız
Son Blog Yazıları
En Çok Okunanlar Blog Yazıları
ciziktir BİZİ TERCİH EDENLER ciziktir