Hola buenas: Me ha surgido un problema a la hora de darle dimension a la pagina, el problema es que cuando escrivo en la hoja de estilos de darle 150px al menu, supongo yo que debe de ser de anchura, la zona amarilla solamente coge la anchura de las cuatro letras de "menu" si escrivo por ejemplo "menu de la pagina principal" la zona amarilla coge la anchura de lo que escrito, por otro lado la capa o el "div" de la zona principal de la web siempre me queda igual, no coge la largura del recuadro del menu, he desmontado todo por completo y vuelto a motar y me pasa exactamete lo mismo.
En la plantilla tengo escrito esto.
<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 navegacion</div>
<div id="contenido"><div id="menu">
<ul>
Enlace 1
Enlace 2
Enlace 3
</div>
Esta sera la zona principal de la Web
</div>
<div id="pie">Este es el pie de las paginas</div>
</div>
Y en la hoja de estilos esto
</body>body{text-align: center}
#global {vidth:800px ; margin:4px auto}
#cabecera {background-color: pink}
#navegacion{background-color: gray}
#contenido {background-color: orange; vidth: 800px ; float left}
#menu {background-color: yellow; vidth: 150px ; float:left}
#pie {background-color: brown}
</html>
Decidme lo que hago mal pues he retocado espacios, repasado comas, puntos y comas, dos puntos, corchetes y todo lo demas y no hay forma.
Gracias de antemano
En la plantilla tengo escrito esto.
<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 navegacion</div>
<div id="contenido"><div id="menu">
<ul>
</div>
Esta sera la zona principal de la Web
</div>
<div id="pie">Este es el pie de las paginas</div>
</div>
Y en la hoja de estilos esto
</body>body{text-align: center}
#global {vidth:800px ; margin:4px auto}
#cabecera {background-color: pink}
#navegacion{background-color: gray}
#contenido {background-color: orange; vidth: 800px ; float left}
#menu {background-color: yellow; vidth: 150px ; float:left}
#pie {background-color: brown}
</html>
Decidme lo que hago mal pues he retocado espacios, repasado comas, puntos y comas, dos puntos, corchetes y todo lo demas y no hay forma.
Gracias de antemano