Siguiendo la lección, agregué bordes a las capas navegación, cabecera, y pie pero sólo logro verlas en Ie y FireFox. En chrome y safari sólo se ven los bordes de la capa contenido. Ya eliminé el "width:800px". Alguien me puede ayudar?
Podrías mostrarnos el CSS y el código HTML de la cabecera y pie?
Lo siguiente funciona en todos los navegadores:
<html>
<head>
<style type="text/css" media="all">
#cabecera, #pie { width: 100%; height: 300px; border: 1px solid orange }
</style>
</head>
<body>
<div id="cabecera"></div>
<div id="pie"></div>
</body>
</html>Si bien el ejemplo anterior mostrará el borde, si le quitas el height (y el width) y el div (capa) no tiene contenido alguno, no podrás ver el borde.
Cuando omites el width y el height, el navegador aplica estilos por defecto, que en este caso son width: auto; y height: auto;. Esto significa que el alto y ancho del div dependerá del contenido del mismo, por ende, si no tiene contenido, el div no se verá.