CSS 'Resetten'

Een board om T&T's te plaatsen m.b.t. CMSMS, PHP of Smarty

Moderator: velden

Post Reply
TD__
Forum Members
Forum Members
Posts: 38
Joined: Fri Jan 15, 2010 12:58 pm

CSS 'Resetten'

Post by TD__ »

Standaard heeft de browser een aantal instellingen voor CSS zoals standaard lettergrootte voor Headings enz.
Zelf vind ik dit heel vervelend omdat de ene browser weer anders met het een omgaat dan de andere browser en je dan dus alleen maar bezig bent om die fouten te verhelpen.

Laatst vond ik daar een simpele oplossing voor om kleine probleempjes als font-grootte op te lossen:

Code: Select all

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
Als je die code bovenaan je stylesheet plaatst word alles even op nul gezet en dan scheelt dus weer een hoop tijd. (Mijn ervaring is ook dat een paar kleine IE probleempjes werden opgelost)
Er zijn nog wel meer van die kleine handige dingetjes die het allemaal even net iets makkelijker maken. Ook heb ik wel eens een tijdje javascripts geëmbed die IE6 en IE7 laat gedragen alsof ze IE8 zijn. Dit gebruik ik tegenwoordig echter niet zo veel meer omdat vooral het grote probleem IE6 steeds minder gebruikt wordt.
Post Reply

Return to “Tips en Trucs”