Tema: Problema CSS
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/09/2009, 13:24
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Problema CSS

Hola viciovirtual:

1 Para IE se suele utilizar el siguiente truco:

body{text-align:center;}/*centras el texto*/
div{text-align:left;}/*el cual volvés hacia la izquierda, o a la posición que requiera tu diseño*/

si por ejemplo tienes un body así:
<body>
<div>
</div>
</body>

2 Para los navegadores que respetan los estandares (Se destacan Firefox, Zafari y Opera) se utiliza:

body{/*no hace falta incluir nada*/}
div{margin:0 auto;}/*donde cero hace referencia a top y bottom y auto, por su parte, hace referencia a left y right. Si bien puedes centrar con margin: 0px auto 0px auto; tal como bien indica chicohot20también puedes resumirlo.*/

Se aconseja utilizar *{margin:0; padding:0;} para dar un "reset" básico del css para igualar los margenes y rellenos a cero tanto para 1 como para 2.

Por lo que te quedaría un código mas o menos así:
*{margin:0; padding:0;}
body{text-align:center;}
div{text-align:left; margin:0 auto;}

Si no agregas text-align:left; tu texto quedará centrado en div y salvo que busques ese efecto no es lo más común de ver.

Espero le sirva este granito de arena
Saludos!

P/D:

Cita:
Iniciado por chicohot20 Ver Mensaje
El tema de centrar un div esta muy pasado de moda, espero que sea la ultima vez que preguntes eso.
Hace falta ser tan duro? En estos casos puedes recomendar pasarse por las FAQ's.