Standardeinstellungen in CSS?

[suit]

Wie (falls überhaupt) kriegt Ihr es hin, dass HTML-Seiten in den gängigen Browsern etwag gleich aussehen?
Gibt es vielleicht eine empfohlene Standard-CSS, die dann dies einigermaßen bewerkstelligt?

Es gibt die Praxis, für wenige Elemente Standardisierungen vorzunehmen:
http://wiki.selfhtml.org/wiki/Doku:CSS/Anwendung_und_Praxis/Guter_CSS-Stil#Normalisierung

Du bezeichnest es als guten Stil li-Elemente auf "block" zu normalisieren?

Ich hab z.B. für das allgemeine Schriftbild folgendes im Einsatz - das führt zu einem sauberen Ergebnis in IE6 aufwärts sowie in anderen Browsern:

Besonders die margins nach unten sind imho wichtig, mache browser haben z.B. bei p-Elementen unterschiedliche Auffassungen: oben und unten, nur unten usw. Wenn man bei "absatzbildenden Elementen" einheitliche Außenabstände nach unten definiert, bekommt man kaum Probleme. Die einzige ausnahme Stellen umrahmte Bereiche dar, deren padding kleiner ist, als der untere Außenabstand dieser Elemente - das muss man halt dann mit einem section *:last-child { margin-bottom: 0; } oder ähnlichem fixen. Auf IE6 und 7 wird "gschissn" :p

  
p,  
ul,  
ol,  
dl,  
blockquote,  
address {  
	padding: 0;  
	margin: 0 0 1.5em 0;  
}  
  
ul ul,  
ul ol,  
ul dl,  
ol ul,  
ol ol,  
ol dl,  
dl ul,  
dl ol,  
dl dl {  
	margin-bottom: 0;  
}  
  
ol {  
	margin-left: 2em;  
}  
  
ul {  
	list-style: none;  
	margin-left: 0.5em;  
}  
  
dt,  
dd,  
li {  
	padding: 0;  
	margin: 0;  
}  
  
ul li {  
	background: url(../img/li.png) no-repeat left .1em;  
	padding-left: 1.5em;  
}  
  
dt {  
	font-weight: bold;  
}  
  
dd {  
	margin-left: 2em;  
}  
  
blockquote {  
	font-style: italic;  
	padding-left: 2em;  
}