Foros del Web » Creando para Internet » CSS »

Centrar un DIV

Estas en el tema de Centrar un DIV en el foro de CSS en Foros del Web. Hola. He intentado pero no puedo centrar el div "container" que contiene todos los divs del sitio (o sea, es el div más externo). Cita: ...
  #1 (permalink)  
Antiguo 13/03/2010, 10:25
Avatar de principiantedelphp  
Fecha de Ingreso: febrero-2010
Mensajes: 160
Antigüedad: 7 años, 9 meses
Puntos: 1
Pregunta Centrar un DIV

Hola. He intentado pero no puedo centrar el div "container" que contiene todos los divs del sitio (o sea, es el div más externo).

Cita:
body {
background-color: #FFFFE1;
}

#container {
width: 1000px;
position: absolute;
top: 0px;
left: 0px;
background-color: #FFFFE1;}
Gracias por la ayuda
  #2 (permalink)  
Antiguo 13/03/2010, 10:50
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Centrar un DIV

Amigo, hay 5000 temas en el foro que piden como centrar con CSS, una buscadita no te vendría mal.

Lo que tienes que hacer es ponerle margin: 0 auto; a #container.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 13/03/2010, 11:01
Avatar de principiantedelphp  
Fecha de Ingreso: febrero-2010
Mensajes: 160
Antigüedad: 7 años, 9 meses
Puntos: 1
Respuesta: Centrar un DIV

Por que a #container y no #container? Además, hace tiempo ya estoy buscando y he tenido problemas, se centra con FX y no con IE
  #4 (permalink)  
Antiguo 13/03/2010, 13:36
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar un DIV

Hola:

Cita:
Iniciado por principiantedelphp Ver Mensaje
#container {
width: 1000px;
position: absolute;
top: 0px;
left: 0px;

background-color: #FFFFE1;}
¿Como pretendes centrar algo que ubicas en la posición top 0 y left 0?

Saludos.

  #5 (permalink)  
Antiguo 13/03/2010, 13:45
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Centrar un DIV

rayos.. Carlangueitor no dijo

a#container .... lo que te dijo fue.. ponle margin: 0 auto; a tu sentencia #container... no que lo interpretes como una sentencia tipo link #contenedor.. si hay que ser nomas para ser, en fin...

BUsCA EN GOOGLE, o el buscador del foro
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #6 (permalink)  
Antiguo 13/03/2010, 14:11
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Centrar un DIV

Cita:
Iniciado por loncho_rojas Ver Mensaje
rayos.. Carlangueitor no dijo

a#container .... lo que te dijo fue.. ponle margin: 0 auto; a tu sentencia #container... no que lo interpretes como una sentencia tipo link #contenedor.. si hay que ser nomas para ser, en fin...
Ya se me hacia raro su respuesta
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 13/03/2010, 16:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar un DIV

Hola:

Cita:
Iniciado por Carlangueitor Ver Mensaje
Ya se me hacia raro su respuesta
Si, hay que tener mucho ojo

Saludos.

  #8 (permalink)  
Antiguo 15/03/2010, 05:44
 
Fecha de Ingreso: enero-2007
Mensajes: 17
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: Centrar un DIV

#container
{
width: 1000px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;

}
  #9 (permalink)  
Antiguo 15/03/2010, 07:40
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Centrar un DIV

Cita:
Iniciado por amigo_uy Ver Mensaje
#container
{
width: 1000px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;

}
Bueno, en principio la position:relative; no es necesaria, y el margin podemos usar una abreviatura, por lo tanto el código básico seria (teniendo en cuenta que el width lo puedes modificar según tus necesidades):

Código CSS:
Ver original
  1. #container {
  2.    width: 1000px;
  3.    margin: 0 auto;  
  4. }

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #10 (permalink)  
Antiguo 16/03/2010, 19:10
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: Centrar un DIV

Cita:
Iniciado por loncho_rojas Ver Mensaje
rayos.. Carlangueitor no dijo

a#container .... lo que te dijo fue.. ponle margin: 0 auto; a tu sentencia #container... no que lo interpretes como una sentencia tipo link #contenedor.. si hay que ser nomas para ser, en fin...

BUsCA EN GOOGLE, o el buscador del foro
Algo gracioso, pero todos continuamos aprendiendo si continuamos preguntando y preguntando en un foro y no leemos un manual buscando el significado de cada etiqueta que nos facilitan en un script de código -> (Hay un libro muy bueno en Internet en formato PDF que no recuerdo la URL "creo que libros web o libros gratis web en google+CSS). Por experiencia lo mejor es preguntar, documentarnos y analizar el código que se nos facilita en el foro, y si algo no es claro pedir aclaración.

Es la única manera de no estancarnos.
  #11 (permalink)  
Antiguo 16/03/2010, 22:59
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Centrar un DIV

Cita:
body {
background-color: #FFFFE1;
}

#container {
width: 1000px;
position: absolute;
left: 50%
margin-left:-500px;
background-color: #FFFFE1;}
Utiliza el anterior código.

Saludos.
  #12 (permalink)  
Antiguo 17/03/2010, 07:42
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Centrar un DIV

Cita:
Iniciado por PrendekZ Ver Mensaje
Utiliza el anterior código.

Saludos.
No entiendo como a estas alturas se puede cuestionar como centrar un div, es eso, o que no se lee el hilo completo.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #13 (permalink)  
Antiguo 17/03/2010, 16:12
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar un DIV

Hola:

Simplemente son unas ganas enormes de complicarse la vida.

Saludos.


Etiquetas: Ninguno
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




La zona horaria es GMT -6. Ahora son las 07:16.