Foros del Web - Ver Mensaje Individual - Ajustar DIV en el centro de otro DIV(width:auto)

rubencontrerasc7 · #1 (**permalink**) 26/01/2012, 11:49

Hola,
Estoy empezando con CSS y me ha surgido un problema con el posicionamiento y buscando en la red no he podido solucionar nada...
Quiero posicionar un DIV(nav) que como padre tiene otro DIV(top), y tengo que ponerlo justo en el centro y que cada vez que varíe la resolución que se ajuste al centro. Seguro que es una chorrada, pero bueno, espero que entendais que estoy empezando con esto.

Aqui dejo los codigos HTML y CSS:

Código HTML:

Ver original<body>
<div id="top">
<img src="images/bg-topmenu.png" align="left">
<div id="nav">&nbsp;
</div>
</div>

Código CSS:

Ver original* {text-align:center; margin: 0px; padding: 0;}
 
body{
background-image:url(../images/bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-ms-background-position-x:50%;
-ms-background-position-y:50%;}
#top{
width:auto;
height:164px;
background-image:url(../images/bg-top.bmp);
background-position:center;
background-repeat:no-repeat;
background-color:#680701;
border-bottom:5px solid #680701;
padding-left:150px;}
#nav{
background-color:#000000;
position: absolute;
top: 20px;
margin-right:30px auto;
height:30px;
width:900px;
padding:15px;
opacity:0.4;
filter:alpha(opacity=40);}