Hola estoy siguiendo las instrucciones del manual y cuando pongo parrafos en la capa contenido me queda un especio en blanco entre la capa navegacion por arriba y pier por debajo. Alguien me puede decir que estoy haciendo mal? porque sale esos huecos blancos? segun los pasos de la leccion salen todos los colores sin huecos blancos entremedias... lo unico que me he saltado es lo de poner el menu pero no deberia influir... a ver si me pueden hechar una mano.
Codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Plantilla</title>
<link rel="stylesheet" href="estilo-general.css" type="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">
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p></div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Estilo-general.css:
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
Gracias
EDITO:acabo de copiar y pegar el codigo y el estilo directamente que pone en el tuto que deberia tener despues de los pasos y me siguen apareciendo lasa dos franjas blancas por encima y debajo de la de contenido. Si no entienden lo que les quiero decir puedo poner una imagen para que lo vean, Gracias
Codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Plantilla</title>
<link rel="stylesheet" href="estilo-general.css" type="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">
Esta será la zona principal de la web</p>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p></div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Estilo-general.css:
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
Gracias
EDITO:acabo de copiar y pegar el codigo y el estilo directamente que pone en el tuto que deberia tener despues de los pasos y me siguen apareciendo lasa dos franjas blancas por encima y debajo de la de contenido. Si no entienden lo que les quiero decir puedo poner una imagen para que lo vean, Gracias