Foros del Web » Creando para Internet » CSS »

¿Por qué no centra el contenido?

Estas en el tema de ¿Por qué no centra el contenido? en el foro de CSS en Foros del Web. Hola amigos... estoy comenzando a incursionar en CSS para maquetar páginas. Y ahora, estoy tratando de centrar horizontalmente el contenido de "Index.php" y no he ...
  #1 (permalink)  
Antiguo 15/03/2009, 19:15
 
Fecha de Ingreso: abril-2008
Mensajes: 62
Antigüedad: 9 años, 8 meses
Puntos: 0
¿Por qué no centra el contenido?

Hola amigos... estoy comenzando a incursionar en CSS para maquetar páginas. Y ahora, estoy tratando de centrar horizontalmente el contenido de "Index.php" y no he logrado hacerlo, a pesar de haber seguido paso a paso las instrucciones de varios usuarios que han colgado en la red, distintas formas de centrar contenidos de etiquetas DIV.

Aquí les incluyo el código de mi página.

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css"></style>
<link href="estilos/estilo_nuevo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	background-image: url(imagenes/degradado_index.png);
	background-repeat: repeat-x;
	text-align:center;
}
cuerpo { 
	margin:0 auto 0 auto;
	width:760px;
	height:1000px;
}
-->
</style></head>

<body>
<div id="cuerpo">
  <div id="encabezado">
    <div id="encabezado_der"></div>
  <img src="imagenes/logoEncabezado.png" width="760" height="90" />
  <div id="fondo_aba"><img src="imagenes/logoEncabezado_aba.png" width="760" height="14" /></div>
  </div>
  <div id="fondo_izq"><img src="imagenes/logoEncabezado_izq.png" width="12" height="871" /></div>
  <div id="fondo_der"><img src="imagenes/logoEncabezado_der.png" width="12" height="871" /></div>
  <div id="fondo_centro"></div>
</div>
</body>
</html> 
Como ven, he nombrado "cuerpo" a una etiqueta con la que envuelvo a todas las otras. La etiqueta "cuerpo" contiene los parámetros supuestamente necesarios para centrar.


Espero que puedan ayudarme, hoy estuve varias horas intentando centrar, y aun no lo logro.

Gracias.
  #2 (permalink)  
Antiguo 15/03/2009, 19:25
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: ¿Por qué no centra el contenido?

tienes
Código:
cuerpo{...}
y debe ser
Código:
#cuerpo{...}
Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 15/03/2009, 19:32
 
Fecha de Ingreso: abril-2008
Mensajes: 62
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: ¿Por qué no centra el contenido?

Gracias! No me había dado vcuenta.

Pero eso no soluciona mi problema... ahora solo centra lo que tengo dentro de la etiqueta "encabezado" (y por lo tanto, también lo que contiene "encabezado_der"). Lo otro... ni lo mueve!

¿Que está pasando?
  #4 (permalink)  
Antiguo 16/03/2009, 16:32
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: ¿Por qué no centra el contenido?

Hola:

Código:
<style type="text/css"></style>
<link href="estilos/estilo_nuevo.css" rel="stylesheet" type="text/css" /> 
Dos cosas:

Primero: lo marcado en rojo te sobra.

Segundo: Marcado en azul. ¿Es posible que lo que tengas en la hoja externa impida que el contenido vaya centrado como tu quieres?

Un Saludo.

  #5 (permalink)  
Antiguo 17/03/2009, 12:02
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: ¿Por qué no centra el contenido?

Hola, sebas033.

Respondiendo a tu MP, el problema debe estar en la hoja de estilos que tienes en <link href="estilos/estilo_nuevo.css" rel="stylesheet" type="text/css" />, habría que revisarla, porque con el código que tienes puesto en esta página no podemos ayudarte.

Muéstranos tu página CSS o al menos un link para darte alguna guía.

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #6 (permalink)  
Antiguo 17/03/2009, 14:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ¿Por qué no centra el contenido?

Dices que estás centrando el div #cuerpo. Muy bien, entonces añádele un borde (border: 1px solid #f00;) para saber si realmente lo estás centrando. Creo que descubrirás que sí lo estás centrando, aunque puede que haya otros elementos que no.
__________________
Visita mi nueva web idplus.org
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 13:18.