Vale Yaneth, ya esta, ya encontre el fallo. Repasando las lecciones y comparandolo con lo que tenia, me di cuenta que me faltaba un >, al cerrer la capa de global, y ya esta el color aparecio. Si es que esto es magia, con una chorrada que te dejes ya no sale, me encanta.
Voy a seguir, y gracias otra vez
Hola gente! me pasa que pongo todo lo que pide el curso para centrar el div contenedor y cuando pongo preview el div sigue firme en el lado izquierdo de la pantalla. Les copio mi plantilla y la hoja de estilos. Estoy con el Html-kit.
Ante todo, gracias!! espero puedan ayudarme.
<!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">Esta será la zona principal de la web</div>
<div id="pie">Este es el pie de la página</div>
</div>
</body>
</html>
Cabe aclarar que tampoco me aparecen los div "encerrados" con una breve sangría como aparece en el ejemplo que muestra el curso.
Hoja de estilos
#cabecera {background-color:pink;}
#navegacion {background-color:grey;}
#contenido {background-color:orange;}
#pie {background-color:brown;}
#global {width:800px; margin: 4px auto }
#body {text-align:center;}
Ya lo solucioné!! no se si es del todo practico lo que hice pero al menos me funcionó:
Le agregué <center> antes del <div> de contenido. quedó así:
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<center><div id="global">
<div id="cabecera">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pie de la página</div>
</div>
</body>
</html>
Probé achicando la ventana y en diferentes navegadores y funcionó!
Diganme si tiene alguna desventaja o algo que tenga que tener en cuenta...
Saludos! gracias por tan completo curso! es muy bueno, al margen de estos pequeños detalles, por lo menos lo que vi hasta ahora.
hola
no habia visto tu mensaje, pero el error lo tienes en el css
el css, debe estar por orden de aparicion en el html
me explico
el css debe estar asi
#body {text-align:center;}
#global {width:800px; margin: 4px auto }
#cabecera {background-color:pink;}
#navegacion {background-color:grey;}
#contenido {background-color:orange;}
#pie {background-color:brown;}
mas adelante te pide pongas una linea mas o menos asi
*{padding:0px; border: 0px; etc etc etc}
eso deberás ponerlo en la primera linea del css
repito, todo por orden de aparicion en el html
saludos
Permisos de Publicación
Si buscas un buen hosting, ComoCrearTuWeb te recomienda estos dos:
Citar
Marcadores