buenas la cosa es la siguiente, cuando ubico mi menu segun lo mostrado en tu explicacion (esta muy exelente ^_^) el menu no me sale encima del navegador correcto (contenido) sino encima del navegador pie de paguina, pasa solucionar esto me toco poner <div id="menu">menu</div> anidado no en el navegador contenido si no en el denavegacion, me parecio un error en la expliccion tuya sin embargo te dejo i codigo para que lo pilles aver que pasa.
(codigo que digo esta incorrecto)
<html>
<head>
<title>Plantilla</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">navegacion</div>
<div id="contenido">esta zona sera la principal de la web <div id="menu">menu </div></div>
<div id="pie">pie</div>
</div>
</body>
</html>
(codigo de como solucione esto)
<html>
<head>
<title>Plantilla</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">navegacion<div id="menu">menu </div></div>
<div id="contenido">esta zona sera la principal de la web </div>
<div id="pie">pie</div>
</div>
</body>
</html>
(codigo de estilo-general)
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left }}
#pie {background-color: brown}
body {text-align: center}
por favor explicame a que se debe me serviria de mucho, de antemano Gracias
PD: EXELENTE WEB :p LA VOY A PASAR A LOS QUE CONZCO
(codigo que digo esta incorrecto)
<html>
<head>
<title>Plantilla</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">navegacion</div>
<div id="contenido">esta zona sera la principal de la web <div id="menu">menu </div></div>
<div id="pie">pie</div>
</div>
</body>
</html>
(codigo de como solucione esto)
<html>
<head>
<title>Plantilla</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">navegacion<div id="menu">menu </div></div>
<div id="contenido">esta zona sera la principal de la web </div>
<div id="pie">pie</div>
</div>
</body>
</html>
(codigo de estilo-general)
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left }}
#pie {background-color: brown}
body {text-align: center}
por favor explicame a que se debe me serviria de mucho, de antemano Gracias
PD: EXELENTE WEB :p LA VOY A PASAR A LOS QUE CONZCO