Problema centrando div

[hdennison]

Si sabes el ancho de los divs (que entiendo que si) puedes hacer esto:

position: absolute;
left: 50%;
margin-left: -440px; // este número es la mitad del ancho de tu contenedor principal.

Asi estarías en la misma situación de antes (todo centrado) pero puedes jugar con el margen negativo hasta que lo centres como quieras (aprox 520px según mis pruebas)

OJO: No creo que lo hagas funcionar con resoluciones inferiores a 1024x768!


Mis pruebas:

Código HTML:

<div id="wrapper">
    <div id="sidebar">asd</div>
    <div id="content">asdasd</div>
</div>
 

Código CSS:

#wrapper{
        width: 880px;
        height: 600px;
        background: #f00;       
 
        position: absolute;             /* estas son las que tienes que añadir */
        left: 50%;              /* estas son las que tienes que añadir */
        margin-left: -505px;        /* estas son las que tienes que añadir, y jugar con este margen */
 
    }
    #sidebar{
        background: #c00;
        width: 165px;
        float: left;
        height: 200px;
    }
    #content{
        background: #00c;
        height: 200px;
        float: right;
        width: 710px;
        height: 600px;
    }