He conseguido poner bien el alto de la plantilla en la web. he visto una explicacion de yaneth donde dice que con la etiqueta
puedes hacer todo lo grande quje quieras la capa contenido. Así que por ahora me sigue quedando un espacio en blanco por cada lado de la plantilla si miro la web. Aqui dejo la hoja de estilos y la plantilla.
estilos-general-css
*{text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align:justify}
h1 {font-size:1.2em ; color:blue ; font-weight:bold ; text-decoration:underline ;
text-align:center}
h2 {font-size:1.2em ; color:blue ; font-weight:bold ; text-decoration:none ;
text-align:center}
body {text-align: center}
#global {width:800px ; margin:4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height:12px ;
overflow: hidden}
#cabecera {background-color:white ; border-left:black 1px solid ;
border-right:black 1px solid ; height:85px}
#logotipo {width:280px ; float:left}
#publicidad {width:518 ; float:right ; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray ; border:black 1px solid ; height:20px}
#navegacion li {float:left ; margin:0px 20px 0px 20px}
#navegacion ul {margin-left:180px}
#contenido {background-color:orange ; border-left:black 1px solid ;
border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color:orange ; width:150px ; float:left ;
text-align:left ; margin:3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position:bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color:white ;
border-left:black 1px solid ;
border-right:black 1px solid ;
border-top:black 1px solid ;
height:65px}
#pie li {list-style:none ; font-size:12px}
#pieuno {float:left ; width:150px}
#piedos {background-color:silver ; float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height:12px ;
overflow:hidden }
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
#pie a {color:blue ; text-decoration:none ; display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ;
background-color:white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}
plantilla.html
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estlios-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="Javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo">
<a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1Sección 2Sección 3
</div>
<div id="contenido">
<div id="menu">
<ul>
<h1>Título de Sección 1</h1>Enlace 1Enlace 2Enlace 3Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
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>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes
para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a
la primera linea, 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">
<div id="pieuno">
<ul>
Foro EjemploContactosNos Enlazan
</div>
<div id="piedos">pié dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
