انجمن‌های فارس وب

شايد موقع طراحي قالب با مشكل تفاوت نمايش بعضي از المان هاي در مرورگرهاي مختلف IE و FireFox برخورد كرده باشيد...
اين مشكل به دليل وجود استايل هاي پيش فرض هر مرورگر، به وجود مياد...
براي رفع اين مشكل، از فايل reset.css، در طراحي صفحات استفاده مي كنند...به اين صورت كه يا فايل رو به صورت يك style خارجي براي صفحه تعريف مي كنند...يا دستوارت reset رو در ابتداي فايل خارجي style يا ابتداي دستورات CSS، كه به صورت داخلي نوشته شده، قرار مي قرار مي دهند...
فايل reset.css رو هم مي شه به صورت شخصي نوشت...يعني هر كس دستوارت reset.css رو براي خودش بنويسه...
يا اينكه از دستورات و فايل هاي reset.css كه توسط ديگران نوشته شده استفاده كرد...
براي نمونه دستورات فايل reset.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, 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;

}

/* 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;

}

و يا دستورات فايل reset.css ياهو...

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h 5,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; 

}

كار اين دستوارت اينه كه، دستورات استايل هاي پيش فرض هر مرورگر رو، برابر با صفر يا none قرار مي ده...كه باعث نمايش يكسان قالب در مرورگرهاي مختلف مي شه...

البته ممكنه حتي با استفاده از اين فايل و دستورات، باز هم تفاوت هايي در نمايش در مرورگر هاي مختلف وجود داشته باشه...كه براي رفع اون ها مي شه از ه*ك هاي ‍CSS استفاده كرد...
[attachment=93][attachment=94]

انجمن‌های فارس وب

Silence