No puedo ubicar el contenido(parrafo)me sale arriba del menu

El contenido o parrafo me sale arriba del menu, no al costado derecho como tendria que ubicarse.

Aca mando la plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-grales.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div>


Bienvenidos a la web de LHELC</p>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

Somos un instituto privado dedicado a la enseñanza del idioma Inglés, estamos alineados pedagogicamente a
Comodoro English Language Instituto (C.E.L.I.)</p>


Trabajamos desde el año 2000, con alumnos desde los 4 años de edad , adolescentes y Adultos.</p>


Nuestro establecimiento cuenta con 3 aulas; una en planta baja y, una de las en la planta alta, es tambien un laboratorio de
computadoras donde los alumnos aplican lo aprendido en clase con un software especifico del libro de texto que estan utilizan durante el ciclo lectivo.</p></div>
<div id="menu">

<ul>
  • Historia
  • Cursos
  • Galeria de fotos

    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Tambien mando "estilos-grales":

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

    Todavia no termino el curso, voy por la segunda leccion...
    Muchas Gracias
  • dianis escribió:El contenido o parrafo me sale arriba del menu, no al costado derecho como tendria que ubicarse.

    Aca mando la plantilla:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-grales.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div>


    Bienvenidos a la web de LHELC</p>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">

    Somos un instituto privado dedicado a la enseñanza del idioma Inglés, estamos alineados pedagogicamente a
    Comodoro English Language Instituto (C.E.L.I.)</p>


    Trabajamos desde el año 2000, con alumnos desde los 4 años de edad , adolescentes y Adultos.</p>


    Nuestro establecimiento cuenta con 3 aulas; una en planta baja y, una de las en la planta alta, es tambien un laboratorio de
    computadoras donde los alumnos aplican lo aprendido en clase con un software especifico del libro de texto que estan utilizan durante el ciclo lectivo.</p></div>
    <div id="menu">

    <ul>
  • Historia
  • Cursos
  • Galeria de fotos

    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Tambien mando "estilos-grales":

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

    Todavia no termino el curso, voy por la segunda leccion...
    Muchas Gracias

  • Hola:
    Seguramente si usted pusiera sus códigos de esta manera, puede que se arregle su problema, fuera de que usted en su hoja de estilo le dió unas directivas a una capa llamada cabecera, pero se le olvidó crearla en la página.
    Una manera efectiva de poner las capas y los textos en la capa contenido es en la página poner el <div id="contenido"> y después la capa menu, y después de la capa menu poner el texto que irá en la capa contenido, así como se lo he dejado en este ejemplo que le puse a continuación:
    Ponga de esta manera sus codigos en la página y nos dice si se le arregló.
    También he notado en su hoja de estilo que tiene usted códigos repetidos
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-grales.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">


    Bienvenidos a la web de LHELC</p>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Historia
  • Cursos
  • Galeria de fotos

    </div>


    Somos un instituto privado dedicado a la enseñanza del idioma Inglés, estamos alineados pedagogicamente a
    Comodoro English Language Instituto (C.E.L.I.)</p>


    Trabajamos desde el año 2000, con alumnos desde los 4 años de edad , adolescentes y Adultos.</p>


    Nuestro establecimiento cuenta con 3 aulas; una en planta baja y, una de las en la planta alta, es tambien un laboratorio de
    computadoras donde los alumnos aplican lo aprendido en clase con un software especifico del libro de texto que estan utilizan durante el ciclo lectivo.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    Así debe de tener su hoja de estilo

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px}
    #menu {background-color: yellow; width: 150px ; float:left; text-align:left }
    #menu li {list-style:none ; margin: 10px 0px 10px 10px}
    #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{ }