html - Why my site doesn't look good on other browsers? -


i'm developing site , considering firefox main testing zone, while tested on chrome , ie9 results different. on chrome 1 of layers doesn't sit in place once open page once refresh fits want be. strange? while on ie 1 of divs (the left one) appears have higher margin left making far other divs , font different makes of words bigger , doesn't fit in borders. what's best idea make sire looks on browsers , browser should consider main testing zone.

p.s: why people voting down question? we're learning.

first off,

you should use reset / normalize script in css. 1 eric meyers's.

include @ beginning of stylesheet.

/* http://meyerweb.com/eric/tools/css/reset/      v2.0 | 20110126    license: none (public domain) */  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 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;  } 

Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -