Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Cómo alinear una div al centro con CSS

Estas en el tema de Cómo alinear una div al centro con CSS en el foro de CSS en Foros del Web. Hola a todos Estoy trabajando con las nuevas construciones que son HTML5 & CSS3 Necesito alinear una div y HTML5 no me lo permite y ...
  #1 (permalink)  
Antiguo 11/07/2013, 08:35
 
Fecha de Ingreso: julio-2013
Ubicación: Madrid
Mensajes: 13
Antigüedad: 10 años, 9 meses
Puntos: 2
Cómo alinear una div al centro con CSS

Hola a todos

Estoy trabajando con las nuevas construciones que son HTML5 & CSS3

Necesito alinear una div y HTML5 no me lo permite y estuve probando con CSS3 y tampoco como alinea una div al centro ahora?
  #2 (permalink)  
Antiguo 11/07/2013, 08:50
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como alinear una div al centro con CSS

Pues igual que se hacía antes, con márgenes laterales automáticos:

Código CSS:
Ver original
  1. div {
  2.   margin: 0 auto;
  3. }

Las diferencias de HTML5 y las cosas nuevas de CSS no interfieren en lo antiguo casi nunca. Lo de antes sigue sirviendo.
  #3 (permalink)  
Antiguo 11/07/2013, 08:56
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Como alinear una div al centro con CSS

Y si es que lo que estabas haciendo a la antigua era:

<div align="center">

No te lo va a dejar, ya que eso es obsoleto.

Si en lugar de alinear el div como dices, quieres alinear el contenido del div, que no es lo mismo, es

Código HTML:
Ver original
  1. <div style="text-align: center;">
  #4 (permalink)  
Antiguo 11/07/2013, 09:00
 
Fecha de Ingreso: julio-2013
Ubicación: Madrid
Mensajes: 13
Antigüedad: 10 años, 9 meses
Puntos: 2
Como alinear una div al centro con CSS

Hola a todos

Estoy trabajando con las nuevas construciones que son HTML5 & CSS3

Necesito alinear una div y HTML5 no me lo permite y estuve probando con CSS3 y tampoco como alinea una div al centro ahora?
  #5 (permalink)  
Antiguo 12/07/2013, 16:01
Mariuch
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como alinear una div al centro con CSS

Bueno, dándole al div la propiedad margin: 0 auto se alinea perfectamente aunque uses HTML5 y CSS3. Lo acabo de probar para sacarme cualquier duda y funciona a la perfección.
Lo que puede estar pasando es que no le hayas dado un width a tu div; lo que haría que ocupe toda la extensión disponible y por eso no lo verías centrado (igual esto no es de HTML5, pasa usando cualquier doctype y CSS).

div{
margin: 0 auto;
width: 200px; /* o lo que quieras ^^ */
}
  #6 (permalink)  
Antiguo 13/07/2013, 01:21
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Como alinear una div al centro con CSS

¿te gustó este tema? NO
Pero no hubo opciones (Si / No)
Me parece que carece de sentido una encuesta con una sola opción, deberían quitarla o al menos poner varias opciones.

Si alguien puede borrar ese voto positivo porque en realidad es NO POSITIVO

No me gusta porque el creador del tema ni siquiera se ha molestado en responder a los aportes hechos, y ha hecho un copipaste de su post inicial.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: alinear, centro, css3, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 15:54.