[SOLUCIONADO] Centrar imagen en div

estoesmucomplicao · #1 (**permalink**) 26/08/2015, 12:35

Hola, estoy intentando centrar una imagen en un div, defino todo en porcentajes, he probado a centrarla desde css y html pero sin éxito, siempre se fija a la izquierda.

css

Código CSS:

Ver original.supercapa {width: 100%; margin: 0px auto; padding: 0px;}
    .capa1 {width: 50%; height: 100%; float:left; background-color: #b3c5d1;}
    .capa2 {width: 50%; height: 100%; float:left; background-color: #d1e0eb;}
        
        .bg{
        position:absolute;
        height:100%;
        z-index:1;
     }

html

Código HTML:

Ver original<body>
    <div class='supercapa'>
        <div class='capa1'>
            
        </div>
        <div class='capa2'>
            <img class='bg' src='imagen.png'  />
        </div>
    </div>
</body>

¿Alguien sabría orientarme?.

MrGilbertMan · #2 (**permalink**) 26/08/2015, 13:55

Se queda a la izquierda porque tiene posición absoluta.

Para centrar posición absoluta añade esto en la clase bg

Código CSS:

Ver originalleft:0;
right:0;
margin-left:auto;
margin-right:auto;

estoesmucomplicao · #3 (**permalink**) 26/08/2015, 16:13

Gracias, esto lo soluciona. Soy nuevo en esto y me falta base teórica.