Allgemeiner Fragethread

[Blakkeight]

Ohhohh gefaehrlich, dobbelbosd! xD

Ich hab da mal ne frage zu CSS und <fieldset> + <legend>.

Wenn ich <fieldset> mit CSS Formatiere und eine Background Farbe mache, sieht ja noch alles jute aus.

Wenn ich dann aber das Element <legend> hinzufuege, kommt im !€ nur soße bei raus. Soll heißen, ueber dem <legend> Element bildet sich nun die Background Farbe vom <fieldset> Element weiter aus, ueber die gestrichelte Linie. Was nicht zum Design passt und scheiße aussieht.

Hier mal die Klassen wie ich die beiden Elemente Formatiert habe.

HTML-Code:

.fieldset{
	border: 1px dashed #876625;
	background-color: #e1d2b5;
	margin: 1em auto; padding: 1em;
}
.legend{
	font: bold 10pt Verdana;
	margin: 0; padding: 0.5em;
}

Hier noch ein Bild wie es im !€ aussieht:
Bild von Fieldset+Legend

Aso, die frage hab ich ganz vergessen, wie kann ich obiges im !€ vermeiden ohne es Komplikationen bei anderen Browsern gibt!

e:
So und gleich noch ne frage Hinterher.

Kann es moeglich sein das die:

HTML-Code:

*{
	color: #000000;
	font: normal 7pt Verdana;
	margin: 0; padding: 0;
}
body{	
	background-color: #e2c890;
	margin: 0; padding: 1em;
}

beiden sich gegenseitig in die quere kommen?
Denn eigentlich soll ja * alle Elemente Formatieren, macht er aber nicht. -.-
Wenn ich body nach oben setze, geht zwar die Formatierung von * aber body wird ignoriert. -.-
Gibt es da ne Loesung fuer?