Os comento mi problema:
Tengo tres divs dentro del wrapper:
Lo que quiero es que el #div2 este centrado cuando redimensione el navegador pero pasa esto:
Esto es lo que realmente necesito, los divs están alienados horizontalmente pero el #div1 y el #div3 pueden salir del navegador para poder mantener el #div2 en el centro.
¿Como puedo conseguir esto?
Coloco el código:
Código HTML :
<body id="body"> <div id="wrap"> <div id="baseLeftBg"> </div> <div id="baseContent"> </div> <div id="baseRightBg"> </div> </div> </body>
Código CSS :
#body {
text-align: center;
height: 100%;
margin: 0 auto;
padding: 0px;
background: #000 url(../img/bg.jpg) center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover;
float: inherit;
}
#wrap {
width: 1484px;
margin: 0 auto;
text-align:left;
}
#baseLeftBg {
margin-top: 60px;
background: url(../img/bgShadowLeft.png) center bottom no-repeat;
width: 286px;
height: 776px;
float: left;
}
#baseContent {
margin-top: 60px;
background: transparent url(../img/bgContent.png) center bottom no-repeat;
width: 911px;
height: 776px;
float: left;
}
#baseRightBg {
margin-top: 60px;
background: url(../img/bgShadowRight.png) center bottom no-repeat;
width: 286px;
height: 776px;
float: left;
}Estaría muy agradecido si alguien me pudiese ayudar
gracias!!!
