Ver Mensaje Individual
  #2 (permalink)  
Antiguo 25/10/2011, 15:18
Avatar de RafaRG
RafaRG
 
Fecha de Ingreso: julio-2011
Ubicación: Córdoba, España
Mensajes: 124
Antigüedad: 12 años, 9 meses
Puntos: 13
Respuesta: Centrar contenido de la web para cualquier resolución y monitor.

pues mira, yo creo que la mejor opción es hacer lo siguiente (te lo mostraré con un ejemplo):
tengo un div de 900 píxeles que quiero centrar en una pantalla de resolución X (me da igual la resolución). pues yo pondría en el css:
Código PHP:
<style type="text/css">
#divcentrado {
   
width:900px;
   
position:absolute;left:50%;
   
margin-left:-450px;
   }
</
style>
<
div id="divcentrado"></div
paso a explicar el código:
·ya hemos dicho que el div debía tener un ancho de 900 píxeles: width:900px;
·posiciono el div a la mitad de la pantalla:position:absolute;left:50%;
·el toque final para centrarlo: margin-left:-450px;
lo que he hecho ha sido ponerle un margen por la izquierda de menos la mitad del ancho. con eso y con la posición al 50%, el div estará justo en el centro.
y éste es mi método. supongo que habrá muchos más, pero a mi parecer éste es fácil y rápido.