Hola, se que quizas esta duda ya esté aclarada, pero he buscado y buscado y no le encuentro solucion, espero puedan ayudarme, les explico, tengo una pagina de fondo gris en el cual tengo un
div de 900px de ancho (blanco) que a su vez tiene otros
dos div adentro de 20 px de ancho, uno a la izquierda y otro a la derecha (naranjas), yo lo que quiero es centrar este div en mi pagina pero para que se vea centrado sin importar el tamaño de la pantalla en la que sea abierta la pagina, porque jugando con los px del margen izquierdo he conseguido centrarlo, pero no es lo que quiero porque no se si al abrirlo en una pantalla mas grande o pequeña, no se vea centrado.
Ya he probado con margin:0 auto; y no me funciona (He visto videos donde esto funciona, pero a mi no me ha funcionado). QUE HAGO??.
les muestro
HTML: Cita: <body>
<div id="blanco">
<div class="izquierda"></div>
<div class="derecha"></div>
</div>
</body>
CSS Cita: body{
margin:0px;
background-color:#CCC;
}
#blanco
{
background:white;
width:800px;
height:100%;
position:absolute;
}
.izquierda
{
background:orange;
width:20px;
height:100%;
float:left;
position:absolute;
}
.derecha
{
background:orange;
width:20px;
height:100%;
float:right;
position:relative;
}