Centrar un DIV

[principiantedelphp]

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).

body {
background-color: #FFFFE1;
}

#container {
width: 1000px;
position: absolute;
top: 0px;
left: 0px;
background-color: #FFFFE1;}

Gracias por la ayuda

[Carlangueitor]

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

[principiantedelphp]

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

[jomaruro]

Hola:

Iniciado por principiantedelphp

#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.

[loncho_rojas]

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

[Carlangueitor]

Iniciado por loncho_rojas

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

[jomaruro]

Hola:

Iniciado por Carlangueitor

Ya se me hacia raro su respuesta

Si, hay que tener mucho ojo

Saludos.

[amigo_uy]

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

}

[Impostor]

Iniciado por amigo_uy

#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:

#container {
   width: 1000px;
   margin: 0 auto;   
}
 

Saludos¡¡

[SPAWN3000]

Iniciado por loncho_rojas

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.

[PrendekZ]

body {
background-color: #FFFFE1;
}

#container {
width: 1000px;
position: absolute;
left: 50%
margin-left:-500px;
background-color: #FFFFE1;}

Utiliza el anterior código.

Saludos.

[Impostor]

Iniciado por PrendekZ

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¡¡

[jomaruro]

Hola:

Simplemente son unas ganas enormes de complicarse la vida.

Saludos.