Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/02/2012, 05:06
Avatar de intiweb
intiweb
 
Fecha de Ingreso: mayo-2009
Ubicación: Capital Federal
Mensajes: 363
Antigüedad: 14 años, 11 meses
Puntos: 5
Centrar un div en el medio de la pantalla

hola, mi problema es el siguiente.
tengo un div con los siguientes estilos css.

Código:
        position:fixed;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background-color:transparent;
	z-index:4;
y eso centra al medio el div ya que mide 600 de ancho y 400 de alto. pero el problema es que en ese div tengo una foto y 2 botones next y prev para ir pasando las fotos y las va pasando con javascript. pero no todas las fotos tienen el mismo ancho. la altura la fuerzo pero dejo el ancho libre para las diferentes fotos. entonces lo que pasa es que la primer foto esta centrada pero las demas fotos si son mas angostas o mas anchas se modifican del lado derecho pero no del lado izquierdo, o sea la distancia entre la foto y el margen izquierdo del monitor es siempre la misma lo que cambia es la distancia entre la foto y el margen derecho del monitor.

no se si existe la manera de saber con javascript el largo que tendra la foto cuando tenga 400px de altura y asi modificar el estilo con javascript para modificar el margin-left, o si existe una manera mas elegante como un align center.
lo puse en el foro de javascript porque me parecio correcto pero capas la solucion este en el estilo css.
__________________
un saludo..... . . .