Velikokrat je slisati razvijalce kako se zgrazajo nad brskalniki, kako le-ti ne prikazujejo elementov pravilno.
Zelo dobra rešitev tovrstnih zagat je ponastavitev globalnih nastavitev brskalnika/ov z globalnim/master css stilom.
* {
border:0;
margin:0;
padding:0;
}
body {
font-size: 12px;
font-family: “Verdana”, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
}
h2 {
padding:20px 0;
letter-spacing:-1px;
}
h3 {
font-weight:bold;
}
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
blockquote {
margin:22px 40px;
padding:0;
}
small {
font-size:0.85em;
}
img {
border:0;
}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
a, a:visited {
text-decoration:none;
}
form {
margin:0;
padding:0;
display:inline;
}
input, select, textarea {
padding: 2px;
border: 1px solid #cecece;
}
textarea {
line-height:1.25;
}
label {
cursor:pointer;
}
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
table tr td {
padding:2px;
}
#wrap {
width:960px;
margin:0 auto;
}
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.wrap { width:960px;margin:0 auto; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }