problema con centrado de nav.

[hybrideology]

Soy muy nuevo en esto y estaba probando esto y no me centra la barra de navegacion [si encuentran otro problema avisen tambien]

aca les dejo la pagina:

www.hybrideology.com.ar/css

y aca el css completo

Código:

BODY {
background : #000000;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0px;
text-align: center; 
margin: auto; 
} 

#contenedor {
width: 100%;
background-color : #000000;
margin: auto;
text-align: center; 
margin: auto; 
} 

#header {
text-align: left;
width: 100%;
height : 120px;
background-color : #3B3B3B;
margin: auto;
text-align: center;
margin: auto; 
} 

#imgheader{
height : 100px;
width: 410px;
text-align: left;
text-align: center; 
margin: auto; 
} 

#nav {
	padding: 0;
	height: 22px;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: center;
	margin: auto;
	}

#nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
		margin: auto;

}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	
#nav a:hover, #nav a.selected {
	background-position: 0 -22px;
	}

#nav a:active {
	background-position: 0 -44px;
	}
	
	#tinicio a  {
	width: 62px;
	background: url(images/home.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
		#tautor a  {
	width: 62px;
	background: url(images/autor.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
		#tportfolio a  {
	width: 62px;
	background: url(images/portfolio.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
		#tcontacto a  {
	width: 62px;
	background: url(images/contacto.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}

Desde ya gracias

[hybrideology]

mmmm nadie?

[leoj90]

Tarda un poco en aparecer el menú ....intenta poniendo float: center;

[haron]

me gusta la intencion de la pagina. muy chula.

para centrar un elemento horizontalmente debes hacer los siguiente:

Código:

.unaClase {
  margin-left: auto;
  margin-right: auto;
}

[webosiris]

también lo puedes hacer así:
margin:0 auto 0 auto

que sería lo mismo que escribir:
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;

en ese orden...

PD: también a mi me gusta la intención, espero que la finalices tan bien como la empezaste.

[leoj90]

Iniciado por webosiris

margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;

Eso es el equivalente a:

Iniciado por baccxus

margin: 0px 0px 0px 0px;
/*sería: superior, derecha, inferior, izquierda*/

[webosiris]

Originalmente Escrito por baccxus

¿Te equivocaste de post? Baccxus escribió en este... además margin:0 auto 0 auto no es equivalente a margin: 0px 0px 0px 0px

otra cosa:

Iniciado por leoj90

float: center;

float:center no existe... float solo admite

• left
• right
• none
• inherit

[baccxus]

Ahora si escribo en este:

sería simplificando lo de webosiris

Iniciado por webosiris

margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;

Es lo mismo que:

Código:

margin: 0 auto;
/*indicando que sería: arriba/abajo e izquierda/derecha*/

Saludos

[hybrideology]

Muchas gracias a todos por opinar. Ahora voy a rehacerlo porque al poner

Código:

margin: 0 auto;
/*indicando que sería: arriba/abajo e izquierda/derecha*/

no me hace nada, es porque creo que ya modique todo demasiado.