Foros del Web » Creando para Internet » CSS »

imposible centrar contenedor...

Estas en el tema de imposible centrar contenedor... en el foro de CSS en Foros del Web. hola a todos, este es mi primer mensaje y el mismo se trata de un pedido de ayuda... estoy realizando un sitio en la que ...
  #1 (permalink)  
Antiguo 05/01/2009, 20:46
 
Fecha de Ingreso: enero-2009
Mensajes: 23
Antigüedad: 15 años, 3 meses
Puntos: 0
imposible centrar contenedor...

hola a todos, este es mi primer mensaje y el mismo se trata de un pedido de ayuda...

estoy realizando un sitio en la que necesito centrar el div contenedor, intenté con text-align:center , margin:0 auto; en el body y nada, entinedo q con eso y solo con eso, dicho div debería estar centrado, pero ni siquiera consigo hacerlo en ie, cosa q me resulta muy extraña...

dejo el código css:
Código:
*{ 
  margin:0px; 
  padding:0px;
}

body {
  background-color:#000000;
  font-family: "Lucida Sans", "Lucida Sans Unicode", Tahoma, sans-serif;
  margin:0 auto;
  text-align:center;
}

#contenedor {
  width:1000px;
  float:left;
  text-align:center;
}

saludos y gracias de antemano
  #2 (permalink)  
Antiguo 05/01/2009, 21:05
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 18 años, 6 meses
Puntos: 12
Respuesta: imposible centrar contenedor...

Código HTML:
#contenedor {
 width: 1000px;
 margin: 0 auto;

}
Intentarlo de asi

edito: saca el margin y auto del body y el center
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #3 (permalink)  
Antiguo 05/01/2009, 22:01
 
Fecha de Ingreso: enero-2009
Mensajes: 23
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: imposible centrar contenedor...

nada, sigue a la izquierda...
la verdad q no entiendo, revisé todo el codigo html y css y todos los tags estan cerrados.
no tengo idea cual puede ser el problema...

dejotodo el css:
Código:
*{ 
  margin:0px; 
  padding:0px;
}

body {
  background-color:#000000;
  font-family: "Lucida Sans", "Lucida Sans Unicode", Tahoma, sans-serif;

}

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

#logo {
  width: 1000px;
  text-align:center;
  float:left;
  padding-bottom:50px;
  padding-top:15px;
}

a:link {
	color: #000;
	text-decoration:none;
}
a:visited {
	color: #000;
	text-decoration:none;
}

a:active {
	color: #000;
	text-decoration:none;
}

#books {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#e0f403;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
 
}

#bookscontenidos {
  width: 960px;
  text-align:center;
  float:left;
  display:none;
}

#separador{
  width: 960px;
  height:15px;
  float:left;
}

#naturaleza {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#5902cf;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
}

#naturalezacontenidos {
  width: 960px;
  text-align:center;
  float:left;
  display:none;
}

#urbanas {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#0c8e18;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
}

#urbanascontenidos {
  width: 960px;
  text-align:center;
  float:left;
  display:none;
}

#byn {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#fe0018;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
}

#byncontenidos {
  width: 960px;
  text-align:center;
  float:left;
  display:none;
}

#panoramicas {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#009cff;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
}

#panoramicascontenidos {
  width: 960px;
  text-align:center;
  float:left;
  display:none;
}

#movimiento {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#ef066e;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
}

#movimientocontenidos {
  width: 960px;
  text-align:center;
  float:left;
  display:none;
  background-color:#e25611;
  height:150px;
}

#contacto {
  width: 960px;
  text-align:left;
  float:left;
  background-color:#e25611;
  height:20px;
  letter-spacing:2em;
  color:#000000;
  font-weight:bolder;
  padding-left:30px;
}

#contactocontenidos {
  width:960px;
  text-align:center;
  float:left;
  display:none;
}

.formulario{
  background-color: #e25611;
  border: 1px double #e25611;
  font-family: "Lucida Sans", "Lucida Sans Unicode", Tahoma, sans-serif;
  color: #000;
  font-weight:bolder;
  width: 400px; 
}

.boton{
  background-color: #e25611;
  border: 1px double #e25611;
  font-family:"Lucida Sans", "Lucida Sans Unicode", Tahoma, sans-serif;
  color: #000;
  width:70px;
  cursor:pointer;
  float:left;
  font-weight:bolder;
}

#botones{
  text-align:center;
  width:400px;
  color:#000;
  margin:0 auto;
  padding-left:270px;
}

.mensaje{
  background-color: #e25611;
  border: 1px double #e25611;
  font-family:"Lucida Sans", "Lucida Sans Unicode", Tahoma, sans-serif;
  color: #000;
  overflow:hidden;
  width: 400px;
  font-weight:bolder; 
}

#formulario{
  width:960px;
  text-align:center;
  color:#fff;
  font-size:12px;
  padding-top: 30px;
  float:left;
  margin:0 auto;
}

#menu{
    float:left;
	padding-top:30px;
	padding-left: 0px;
	width: 650px;
	font-size:12px;
	text-align: center;
	color: #a3a3a3;
	margin:0 auto;
}

#menu a{
    padding: 5px 5px;
    display: block;
    width:110px;
    text-decoration: none;
    font-weight: lighter;
	float: left;
	text-align:center;
	margin:0 auto;
}

#punk{
    border:solid 4px #e0f403;

}

necesito solucionarlo urgente por favor

saludos y gracias nuevamente
  #4 (permalink)  
Antiguo 05/01/2009, 22:06
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 15 años, 6 meses
Puntos: 30
Respuesta: imposible centrar contenedor...

1. tienes que tener el documento estandarizado XHTML 1.0 strict con el DTD
2.
Cita:
body {text-align:center;}
#contenedor {margin:0 auto;width:1000px;}
saludos
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com
  #5 (permalink)  
Antiguo 05/01/2009, 22:08
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 18 años, 6 meses
Puntos: 12
Respuesta: imposible centrar contenedor...

ok, intenta darle menos px al ancho del contenedor (700px u 800px)
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #6 (permalink)  
Antiguo 06/01/2009, 09:56
 
Fecha de Ingreso: enero-2009
Mensajes: 23
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: imposible centrar contenedor...

gracias ya lo solucioné, el problema era q el contenedor seguia flotando a la izquierda y no me tomaba el margin:0 auto;

gracias y saludoss

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 19:12.