Hola a todos.En primer lugar quiero agradecer a Jorgens su pagina.Al grano.El caso es que acabo de empezar con las plantillas en el curso paso a paso. El problema esta en el pie de pagina.
Hay una parte que se queda en el lugar correcto(osea,en la parte de abajo),pero hay parte que se coloca en toda la parte lateral de la pagina.Espero que podais resolverme la duda.
Esta es la plantilla.html:
<!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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 1 Enlace 1
</div>
Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Y esta la hoja de estilo-general.css
* {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 ; float:left}
#menu {background-color: yellow; width: 150px ; float:left;text-align:left }
#pie {background-color: brown}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a{color:brown ; text-decoration:none ; display: block }
a:link{}
a:visited{}
a:hover{color:red ; text-decoration:underline ; background-color: silver}
a:active{}
Hay una parte que se queda en el lugar correcto(osea,en la parte de abajo),pero hay parte que se coloca en toda la parte lateral de la pagina.Espero que podais resolverme la duda.
Esta es la plantilla.html:
<!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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Y esta la hoja de estilo-general.css
* {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 ; float:left}
#menu {background-color: yellow; width: 150px ; float:left;text-align:left }
#pie {background-color: brown}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a{color:brown ; text-decoration:none ; display: block }
a:link{}
a:visited{}
a:hover{color:red ; text-decoration:underline ; background-color: silver}
a:active{}