Hola. Sigo estudiando el curso y se me van presentando problemas. El actual es con la anchura fija (cuarto apartado de la lección II).
Creo haber hecho y, lo que es más, entendido bien todo lo explicado pero en algo debo haber fallado porque no me sale lo que debería. He conseguido las capas, cada una de su color y con su texto dentro y no he conseguido que quedasen centradas.
Pongo, por el sistema corta-pega para no equivocarme al copiar, el contenido de mi hoja de estilos "estilo-general.css" y el html de mi "plantilla.html"
body {text-aligne: center}
#cabecera {background-color: pink}
#navegacion {background-color: gray}
#contenido {background-color: orange}
#pie {background-color: brown}
#global {width:800px; margin:4px auto}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<hatml>
<head>
<title>plantilla-ejemplo-cctw</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">esta es la zona principal de la web</div>
<div id="pie">Esto es el pie de página</div>
</div>
</body>
</html>
Si alguien me puede echar una manita será bienvenida.
Gracias y un saludo.
Creo haber hecho y, lo que es más, entendido bien todo lo explicado pero en algo debo haber fallado porque no me sale lo que debería. He conseguido las capas, cada una de su color y con su texto dentro y no he conseguido que quedasen centradas.
Pongo, por el sistema corta-pega para no equivocarme al copiar, el contenido de mi hoja de estilos "estilo-general.css" y el html de mi "plantilla.html"
body {text-aligne: center}
#cabecera {background-color: pink}
#navegacion {background-color: gray}
#contenido {background-color: orange}
#pie {background-color: brown}
#global {width:800px; margin:4px auto}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<hatml>
<head>
<title>plantilla-ejemplo-cctw</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">esta es la zona principal de la web</div>
<div id="pie">Esto es el pie de página</div>
</div>
</body>
</html>
Si alguien me puede echar una manita será bienvenida.
Gracias y un saludo.