Tema: centrar div
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/03/2009, 17:00
netizen.01
 
Fecha de Ingreso: agosto-2007
Ubicación: Barcelona
Mensajes: 39
Antigüedad: 17 años, 2 meses
Puntos: 0
Respuesta: centrar div

hola,

puedes recurrir a dos métodos, uno usar margenes negativos que tuvieran las dimensiones del la mitad exacta de tu div que intentas centrar (lo que no es muy práctico pues tendrías que ajustarlos cada vez que tu div cambiase de anchor en futuras actualizaciones)
o buen puedes englobar ese div que intentas centrar dentro de otro div que será el que permanezca fijo en el borde inferior de la ventana y con anchura 100%, mientras que el div que intentas centrar, se centra automáticament dentro de éste sin importar sus dimensiones.

Para que quede más claro, te pongo el código a continuación. Puedes pegarlo en nuevo documento para hacer pruebas sobre él (se ve bien tanto en ff como en ie).

Código:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

<html>
  <head>
	<style>
	.fixed{
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:center;
	}
	.fixed div{
	margin:0 auto;
	width:500px;
	height:200px;
	background:red;
	}
	</style>
  </head>

  <body>

	<div>toda la pantalla</div>

	<div class="fixed">
		<div>caja roja centrada</div>
	</div>

  </body>
</html>
Espero te sea útil.

Saludos!