Largezza Div non funziona

[MRj92]

Giorno!

ho questi due div

#Head{
	/* Size */
	width:60%;
	height:40px;
	/* Border */
	border:solid 1px;
	border-color:#666666;
	/* Display */
	display:block;
	/* Position */
	position:relative;
	right:20%;
	left:20%;
	top:20px;
	/* Color */
	background-color:#666666;
	color:#83EE4F;
}

#Menu{
	/* Size */
	width:60%;
	height:20px;
	/* Border */
	border:solid 1px;
	border-color:#666666;
	/* Display */
	display:block;
	/* Position */
	position:relative;
	right:20%;
	left:20%;
	top:70px;
	/* Color */
	background-color:#FFFFFF;
	color:#83EE4F;
}

il primo si posiziona correttamente mentre il secondo è più piccolo ( più o meno conlarghezza del 40%) sia in IE che firefox.

Non so perchè!



PS sapete mica come centrare un div nella pagina senza impostare left,rigth?

[ricman]

Originariamente inviato da MRj92
il primo si posiziona correttamente mentre il secondo è più piccolo ( più o meno conlarghezza del 40%) sia in IE che firefox.

Le dimensioni in percentuale sono sempre relative "a chi le contiene". Quindi studiati bene chi è il "contenitore" e chi il "contenuto"...


PS sapete mica

Originariamente inviato da MRj92
come centrare un div nella pagina senza impostare left,rigth?

margin: 0 auto;

[MRj92]

Grazie mille.

Prima non utilizzavo i pixel perchè non sapevo come centrare il div ma ora con il mitico margin!

Grazie mille ancora!