Ho provato a usare i nuovi tag di html5 header, nav e aside.
E fin qui tutto ok:
li metto nel body e li riempo di contenuti, come se fossero dei div.
Poi vado a controllare la pagina con il Chrome Developer Tools
Vedete? Il body non inizia al top, ma sotto l'header.
Questa è la struttura della mia pagina:
"Magari c'è qualche posizionamento", ho pensato.Codice HTML:<html>
<head>
...
</head>
<body>
<header>
...
</header>
<aside>
...
</aside>
<div id="contenitore">
...
</div>
</body>
</html>
E allora ecco lo stile del body e dell'header
E' normale che sia così?Codice:body {
margin: 0;
padding: 0;
height: 100%;
}
header {
position: absolute;
top: 0px;
left: 0px;
height: 150px;
box-shadow: 0 0 20px gray;
-webkit-box-shadow: 0 0 20px gray;
-moz-box-shadow: 0 0 20px gray;
-o-box-shadow: 0 0 20px gray;
behavior: url(/layout/pie/PIE.php);
}
header {
z-index: 1000;
width: 100%;
overflow: hidden;
background-color: white;
}
E allora mi viene una domanda: l'header va posizionato fuori dal body?
