¿Por qué no centra el contenido?

sebas033 · #1 (**permalink**) 15/03/2009, 18:15

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.

baccxus · #2 (**permalink**) 15/03/2009, 18:25

tienes

Código:

cuerpo{...}

y debe ser

Código:

#cuerpo{...}

Saludos

sebas033 · #3 (**permalink**) 15/03/2009, 18:32

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?

jomaruro · #4 (**permalink**) 16/03/2009, 15:32

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.

baccxus · #5 (**permalink**) 17/03/2009, 11:02

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

Mikmoro · #6 (**permalink**) 17/03/2009, 13:25

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.