[SOLUCIONADO] Centrar imagen para php

dirubex · #1 (**permalink**) 18/04/2013, 08:38

Hola, quisiera saber como centrar una imagen y no de cualquier manera, consigo centrar la imagen, pero cuando pongo una imagen mas grande siendo la misma página se va para el lado, eso no quiero que pase, quiero que al poner la imagen sea centrado en el div,
Muchas gracias el que me ayude, le daré un punto si me solucionan el problema.

javierflti · #2 (**permalink**) 18/04/2013, 09:21

En el css del div pon margin:auto, así se centrará respecto a su div padre.
El tamaño del div tendría que ser el mismo que el de la imagen

dirubex · #3 (**permalink**) 18/04/2013, 10:45

Ya e encontrado la solución para centrar la imagen:

Código HTML:

Ver original<html>
<head> 
<style type="text/css">
.envolcentro { background-color: #09F;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:1024px;
    height:600px;
}
.envolcentro * {
    vertical-align: middle;
}
 
.envolcentro {
    display: block;
}
.envolcentro span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/* copien y peguen lo de color rosa en su hoja de estilo */
</style>
<!--[para internet  IE 8]><style>
.envolcentro span {
    display: inline-block;
    height: 100%;
}
</style><![endif]-->
 
</head>
 
<body>
<div class="envolcentro">
<span></span>
<img  src="http://profile-a.xx.fbcdn.net/hprofile-ash4/372927_315633841793910_176700170_q.jpg"  alt="none" />
</div>
</body>
</html>

Muchas gracias de todas formas.