Doble menu lateral

Hola a todo , ante todo muchas gracias por la grandiosa web asi com por este magnifico foro, despue de esto quiesa haceros uan pregunta, la cuestion es ue quiero poner dos menu latera uno encima del otro (como el del curso paso a paso) pues eso el que ya hice y otro abajo pero no se ponerlo abajo de este si no k se me keda al lado y no tengo nidea de komo hacerlos y eswo ke me he repasado el curso. weno espero vuestra ayuda, muchas graciasde antemano!!
hola tengo una pregunta, al separar los menus laterales lo de abajo se deforma como puedes ver en el ejemplo que tu me pones que es lo ke puedo hacer??? gracias de todas formas
Hola muchas gracias aqui esta el html:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>La Ventana Del Medio Ambiente</title>
<link rel="stylesheet" href="estilo-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">[contenido no disponible]</div>
<div id="publicidad">La Ventana Del Medio Ambiente</div>
</div>
<div id="navegacion">
<ul>
  • Medio Ambiente
  • Aula Virtual
  • Licenciaturas

    </div>
    <div id="contenido">

    <div id="menus">
    <div id="menu">
    <h1>Zona multimedia</h1>
    <ul>
  • Imagenes
  • Descargas

  • Enlaces de interes
    </div>
    <div id="menu2">
    <h1>Ultimas Noticias</h1>
    <ul>
  • Imagenes
  • Descargas

  • Enlaces de interes
    </div>
    </div>
    <h1>MEDIO AMBIENTE</h1>
    <div id="logomedioambiente" class="imagenes">[contenido no disponible]</a></div>


    Se entiende por medio ambiente o medioambiente al entorno que afecta y condiciona especialmente las circunstancias de vida de las personas o la sociedad en su conjunto. Comprende el conjunto de valores naturales, sociales y culturales existentes en un lugar y un momento determinado, que influyen en la vida del ser humano y en las generaciones venideras. Es decir, no se trata sólo del espacio en el que se desarrolla la vida sino que también abarca seres vivos, objetos, agua, suelo, aire y las relaciones entre ellos, así como elementos tan intangibles como la cultura. El Día Mundial del Medio Ambiente se celebra el 5 de junio.</p>
    </div>
    <div id="paginadeinicio">

    Pon este página como página de inicio</p></div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">Pie de pagina</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    y aqui la hoja de estilos por si te hace falta:


    * {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.1em; 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:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: navajowhite ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color:paleturquoise ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 15px 10px 0px 170px ; text-indent: 15px}
    #menus {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 }
    #menus li {list-style:none ; margin: 4px 8px 4px 6px }
    #menus h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) }
    #pie {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 {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 }
    .imagenes {margin:10px 0px 10px 0px}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: white}
    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 {}
    #paginadeinicio a {color: brown ; text-decoration:none ; display: block}
    #paginadeinicio a:link {}
    #paginadeinicio a:visited {}
    #paginadeinicio a:hover {color:blue ; text-decoration:underline ; background-color: white }
    #paginadeinicio a:active {}
    #paginadeinicio {border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; background-color: navajowhite ; margin: 0px 0px 0px 0px }



    muchisimas gracias!!
  • hola

    veo que definiste en el css

    menus

    pero te falta menu1 y 2 al menos yo no lo veo

    saludos