Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/08/2015, 12:35
estoesmucomplicao
 
Fecha de Ingreso: octubre-2013
Mensajes: 6
Antigüedad: 11 años, 1 mes
Puntos: 0
Centrar imagen en div

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
  1. .supercapa {width: 100%; margin: 0px auto; padding: 0px;}
  2.     .capa1 {width: 50%; height: 100%; float:left; background-color: #b3c5d1;}
  3.     .capa2 {width: 50%; height: 100%; float:left; background-color: #d1e0eb;}
  4.        
  5.         .bg{
  6.         position:absolute;
  7.         height:100%;
  8.         z-index:1;
  9.      }

html

Código HTML:
Ver original
  1.     <div class='supercapa'>
  2.         <div class='capa1'>
  3.            
  4.         </div>
  5.         <div class='capa2'>
  6.             <img class='bg' src='imagen.png'  />
  7.         </div>
  8.     </div>
  9. </body>

¿Alguien sabría orientarme?.

Última edición por estoesmucomplicao; 26/08/2015 a las 13:48