Entrar

Duda divs

ALFAALIEN · · Solicitar retirada
Hola, tengo un problemilla. He estado siguiendo paso a paso la guía para aprender a crear una web, y me encasquillé en el apartado de los divs.

Esto es lo que pasa: he puesto en la hoja de estilo general lo mismo que pone en la web, y en la plantilla lo mismo de la web, y el apartado de "Las capas o divs" ponía lo de la cabecera. Hice paso a paso lo que ponia: #cabecera {background-color: pink;} en la hoja de estilo general y <div id="cabecera">(texto)</div> y se me pone en blanco, quiero decir, que no está el color rosa, en cambio, pongo lo mismo con navegación, contenido y pie, y si hay color. Y luego me pasa que no puedo centrarlo, aunque haya puesto lo mismo que pone en la web.

¿He hecho algo mal? ¿falta alguna cosa?

¿Por favor, me pueden ayudar?

Gracias.
Doodleo · · Solicitar retirada
Pásanos toda tu hoja de CSS y tu código HTML, a ver qué pasa :)
O si lo tienes online, la dirección de la página.
ALFAALIEN · · Solicitar retirada
Creo que ya se como.

esta es mi hoja de estilo general css:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange;}
#pie {background-color:brown;}
</body>
</html>

esta es mi plantilla:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" tipe="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">Este es el contenido de la página</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>


lo que quiero es que me centre, porque ya lo he solucionado lo del color.
olukarak · · Solicitar retirada
Tal como lo tienes, me sorprende que funcione algo del CSS.
En tu archivo de estilos tienes código HTML. Tu hoja de estilos debe de quedar así:

body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange;}
#pie {background-color:brown;}

Todo lo que he eliminado es código que solamente se pone en los archivos HTML para maquetar.