Hola de nuevo:
Antes de que alguien me conteste ami post anterior, me he dado cuenta que me habia dejado dos puntos de todas formas creo que aun no es correcto pues ahora me queda el div o espacio naranja que corresponde la zona principal aha cogido la anchura de lo escrito (esta sera la zona principal de la web) mientras que el div del pie no se desplaza hacia abajo queda pegado a la barra de navegacion.
Una pregunta de ignorante ¿como de pega aqui la vista previa de la plantilla?
Por si acaso vuelvo a pegar lo que tengo escrito hasta ahora,
Gracias de nuevo
En la plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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>
</body>
</html>
Yen la hoja de estilos
*{margin:0px ; padding:0px ; border:0px}
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}
#menu li {list-style:none}
Antes de que alguien me conteste ami post anterior, me he dado cuenta que me habia dejado dos puntos de todas formas creo que aun no es correcto pues ahora me queda el div o espacio naranja que corresponde la zona principal aha cogido la anchura de lo escrito (esta sera la zona principal de la web) mientras que el div del pie no se desplaza hacia abajo queda pegado a la barra de navegacion.
Una pregunta de ignorante ¿como de pega aqui la vista previa de la plantilla?
Por si acaso vuelvo a pegar lo que tengo escrito hasta ahora,
Gracias de nuevo
En la plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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>
</body>
</html>
Yen la hoja de estilos
*{margin:0px ; padding:0px ; border:0px}
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}
#menu li {list-style:none}