Problème récurent pour tout développeur : les styles par défaut de la plupart des éléments html.

Après quelques recherches, j’ai fini par trouver le code ci-dessous, à inclure dans chaque css afin de partir sur une base saine.

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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
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: "" "";
}

Un commentaire

  • Noz.aure (6 comments), le 16 mai 2009

    Je ne sais pas si c’est indispensable mais lorsqu’il s’agit de definir la hauteur d’une div (principale) sous IE j’ai des soucis.
    Ma config de base :

    html, body{
    margin:0px;
    padding:0px;
    height:100%;
    ….
    }

    Avec sa je peux avoir une div principale de hauteur 100%. Bien sur il ne faut pas oublier de parametrer la div aussi :

    #div_main{
    min-height:100%;
    ….
    }

Poster un commentaire

Subscribe without commenting