problemas con el pie de pagina de cctw

Hola, es la primera vez que escribo en un foro y no se si lo hare correctamente, si no es asi disculparme de antemano. Tengo un problema con el curso y es que el pie de pagina me sale al lado de la zona principal de la web y no debajo como en el curso, pero por mas que lo reviso no encuentro el fallo. Aqui os dejo la plantilla:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</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">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    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>




    Si alguno me puede ayudar se lo agradezco. Por cierto, de las mejores web que he visitado. Buen trabajo!!!!!!
  • Hola jare,

    puedes pasarnos el código css también? Necesitamos tanto el html como el css y, si ya tienes tu web subida a internet, pásanos también la dirección para verlo en vivo y en directo ;)
    aqui lo tienes:

    estilo general css.

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #menu {background-color: yellow; width: 150px ; float:left ;text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #pie {background-color: brown }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    y el estilo css.:

    body {background-color: #CAE1FF ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
    img {border-style: none}
    .centrado {text-align:center}
    #global {width:800px ; margin: 4px auto }
    a {color: blue; font-size:1.3em ; text-decoration: none}
    con permiso Foley. hola jare75 quiero que mire en este enlace para que vea que usted esta haciendo una ensalada en codigo hojas de estilo.css con estilo-general.css de acuerdo con lo que usted nos muestra.
    http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
    observe que ya aqui a estas alturas ya no trabajamos mas con estilos.css.
    solo con estilo-general.css y mire el orden como esta usted tambien debe llevar ese orden.
    saludos.
    Muchas gracias por la aclaración Fernando Mendoza. La verdad es que si que estaba haciendo una ensalada de las buenas con los estilos pero ya esta arreglado. Gracias de nuevo y un saludo. :D