2da leccion se me corrio el pie de la pag al lado der del co

Hola como estas?
espero alguien me ayude a resolver esta duda, en el curso paso a paso Leccion Segunda Parte se me corrio el pie de pagina a un lado derecho del contenido la verdad no se si es normal o no pero creo que no, estare equivocado?, esto me sucedio justo despues de la leccion Dar Estilos Css a la lista del Menu, justo despues del tema Reparando el fallo del Menu.

esta es mi Pantilla.html

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2
3<html>
4<head>
5<title>Page title</title>
6<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
7</head>
8<body>
9
10<div id="global">
11<div id="cabecera">Bienvenidos a mi web</div>
12<div id="navegacion">Barra de Navegacion</div>
13<div id="contenido">
14<div id="menu">
15<ul>
16
  • Enlace 1
    17
  • Enlace 2
    18
  • Enlace 3
    19
    20</div>
    21Esta sera la zona principal de la web</div>
    22
    23<div id="pie">Este es el pie de la pagina</div>
    24</div>
    25
    26</body>
    27</html>


    -------------------------------------------------------------------------------------

    Y MI hoja de Estilos-general.css es:

    *{margin:0px;padding:0px;border:0px}
    body{text-align:center}
    #global{widt:800px;margin:4px auto}
    #cabecera {background-color:pink}
    #navegacion{background-color:gray}
    #contenido{background-color:orange;width:800px;float:left}
    #menu{background-color:yellow;width:150px;float:left;text-align:left}
    #menu li{list-style:none}
    #pie{background-color:brown}

    agradesco de antemano la atencion prestada que tangan buen dia!!!
  • wilfran escribió:
    Y MI hoja de Estilos-general.css es:

    *{margin:0px;padding:0px;border:0px}
    body{text-align:center}
    #global{widt:800px;margin:4px auto}
    #cabecera {background-color:pink}
    #navegacion{background-color:gray}
    #contenido{background-color:orange;width:800px;float:left}
    #menu{background-color:yellow;width:150px;float:left;text-align:left}
    #menu li{list-style:none}
    #pie{background-color:brown}

    agradesco de antemano la atencion prestada que tangan buen dia!!!
    }

    Intenta separ los estilos de los puntos y comas, creo que eso seria una de las fallas que tienes.... Ejemplo
    En vez de......

    wilfran escribió:#contenido{background-color:orange;width:800px;float:left}
    }

    Colocalo asi......

    #contenido{background-color:orange ; width:800px ; float:left}

    Y esto haslo con todo los estilos.... haslo y nos cuentas
    Yo creo que eso de separar los punto y coma no tiene nada que ver o si? :shock: ya lo hice y de todos formas lo veo igual.
    Te falta colocar la propiedad float por lo que veo, no?

    agregale

    float: left al pie desde la hoja de estilos