Despues de poner la barra de navegacion con los siete elementos se me alarga el pie.
Que puedo hacer??
Os dejo el codigo que tengo por si acaso:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>souvenirs</title>
<link rel="stylesheet" href="estilos-general.css"type="text/css" media="all">
</head>
<body>
<div id=global>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li><li><a href="discografia/discografia.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li><li><a href="foro/foro.html">Foro</a></li><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li></ul></div>
<div id="contenido">
<div id="menu"><h1>Titulo de seccion 1</h1>
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlace 4</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Este es mi segundo parrafo. Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le he colocado aun la etiqueta de cierre. Voy a ponersela justo aqui.</p>
<h2>Y este es el tercer parrafo.</h2><p>En pocas lecciones aprender a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera linea, que queda mucho mejor.</p>
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Asi esto parece una poesia! je je je.</p>
</div>
</div>
<div id="pie">
<div id="pieuno"><ul><li><a class="enlaceuno" href="#">Foro Ejemplo</a></li><li><a class="enlaceuno" href="#">Contactos</a></li><li><a class="enlaceuno" href="#">Nos Enlazan</a></li></ul></div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul><li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li></ul></div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
Que puedo hacer??
Os dejo el codigo que tengo por si acaso:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>souvenirs</title>
<link rel="stylesheet" href="estilos-general.css"type="text/css" media="all">
</head>
<body>
<div id=global>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion"><ul><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li><li><a href="discografia/discografia.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li><li><a href="foro/foro.html">Foro</a></li><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li></ul></div>
<div id="contenido">
<div id="menu"><h1>Titulo de seccion 1</h1>
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlace 4</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Este es mi segundo parrafo. Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le he colocado aun la etiqueta de cierre. Voy a ponersela justo aqui.</p>
<h2>Y este es el tercer parrafo.</h2><p>En pocas lecciones aprender a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera linea, que queda mucho mejor.</p>
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Asi esto parece una poesia! je je je.</p>
</div>
</div>
<div id="pie">
<div id="pieuno"><ul><li><a class="enlaceuno" href="#">Foro Ejemplo</a></li><li><a class="enlaceuno" href="#">Contactos</a></li><li><a class="enlaceuno" href="#">Nos Enlazan</a></li></ul></div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul><li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li></ul></div>
</div>
<div id="curva-inferior"></div>
</div>
</body>